/* iPad in portrait (vertical) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Estilos específicos para móviles */
    .mobile-off {
        display: none !important;
    }

    .mobile-on {
        display: block !important;
    }

    .watchFloating {
        position: absolute;
        bottom: 40px;
        left: 15px;
    }

    .d-flex--column {
        flex-direction: column;
        align-items: start !important;
    }

    .text-right {
        text-align: left !important;
    }

    .image--parallax1--home.xs-auto,
    #parallaxHome1.xs-auto {
        min-height: 0 !important;
        height: auto !important;
        padding: 21px 0px !important;
    }

    .box-w-images {
        flex-direction: column;
        gap: 0px !important;
    }

    body .box-w-images li a {
        position: relative;
    }

    body .box-w-images li {
        width: 100%;
        position: relative;
    }

    .list-unstyled a {
        font-size: 16px !important;
    }

    header a.logo {
        display: inline-block;
        vertical-align: middle;
        padding: 10px 0px;
    }

    body .box-w-images li h3 {
        text-transform: uppercase;
        font-weight: 500;
        width: 100%;
        font-size: 22px !important;
        position: absolute;
        bottom: 20px;
        left: 15px;
        color: white;
        margin: 0;
    }

    p.lead {
        font-size: 20px !important;
        font-weight: 500;
        line-height: 1.2;
    }

    .mb-xs-10 {
        margin-bottom: 10px !important;
    }

    .location-card {
        width: 100% !important
    }

    .location-cards {
        margin: 0 auto;
        flex-direction: column;
    }

    .w-xs-100 {
        width: 100% !important;
    }

    .mb-xs-0 {
        margin-bottom: 0 !important;
    }

    .pin-spacer section.heroSection {
        width: calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important;
        min-width: calc(100% - 0px) !important;
    }

    .pin-spacer,
    body section.heroSection {
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        min-width: calc(100% - 30px) !important;
    }

    .mt-300,
    .mt-40vh {
        margin-top: 0vh !important;
    }
    body section {
        width: calc(100% - 15px);
        margin: auto;
    }
}


/* iPad in landscape (acostado) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1184px) and (orientation : landscape) {
    /* Estilos específicos para móviles */
        .mobile-off {
            display: none !important;
        }
    
        .mobile-on {
            display: block !important;
        }
    
        .watchFloating {
            position: absolute;
            bottom: 40px;
            left: 15px;
        }
    
        .d-flex--column {
            flex-direction: column;
            align-items: start !important;
        }
    
        .text-right {
            text-align: left !important;
        }
    
        .image--parallax1--home.xs-auto,
        #parallaxHome1.xs-auto {
            min-height: 0 !important;
            height: auto !important;
            padding: 21px 0px !important;
        }
    
         
    
        body .box-w-images li a {
            position: relative;
        }
    
        body .box-w-images li {
            width: calc(50% - 5px);
            position: relative;
        }
        body .box-w-images { 
            gap: 0px 10px;       
        }
        .list-unstyled a {
            font-size: 16px !important;
        }
    
        header a.logo {
            display: inline-block;
            vertical-align: middle;
            padding: 10px 0px;
        }
    
        body .box-w-images li h3 {
            text-transform: uppercase;
            font-weight: 500;
            width: 100%;
            font-size: 22px !important;
            position: absolute;
            bottom: 20px;
            left: 15px;
            color: white;
            margin: 0;
        }
    
        p.lead {
            font-size: 20px !important;
            font-weight: 500;
            line-height: 1.2;
        }
    
        .mb-xs-10 {
            margin-bottom: 10px !important;
        }
    
        .location-card {
            width: calc(33% - 12px) !important
        }
    
         
    
        .w-xs-100 {
            width: 100% !important;
        }
    
        .mb-xs-0 {
            margin-bottom: 0 !important;
        }
    
        .pin-spacer section.heroSection {
            width: calc(100% - 0px) !important;
            max-width: calc(100% - 0px) !important;
            min-width: calc(100% - 0px) !important;
        }
    
        .pin-spacer,
        body section.heroSection {
            width: calc(100% - 30px) !important;
            max-width: calc(100% - 30px) !important;
            min-width: calc(100% - 30px) !important;
        }
    
        .mt-300,
        .mt-40vh {
            margin-top: 0vh !important;
        }
    
        body section {
            width: calc(100% - 15px);
            margin: auto;
        }
        .ipad-off{
            display: none !important;
        }
                .navbar-expand-lg>.container-fluid { 
                    padding: 0 15px !important;   }
}