@charset "utf-8";

html, body { height: 100%; }
body { font-family: 'Raleway', sans-serif; color: #343A40; }


/********** Arreglos genéricos, mejor no tocar ********/
p img{ max-width: 100%; } 
p img.float-end { margin-left: 2rem; }
p img.float-start { margin-right: 2rem; }
.custom-control-input.is-invalid ~ .custom-control-label a, .was-validated .custom-control-input:invalid ~ .custom-control-label a{ color: #dc3545; }
.custom-control-label a{ text-decoration: underline; }
.dropdown-toggle::after { display: none }
.grecaptcha-badge { visibility: hidden; }
#logout-session{ position: fixed; z-index: 9999; border-radius: 4px 4px 0 0 ; right: 1rem; bottom: 0; }
#cookiescript_reportdate { display: none; }


/* ----- Custom Project ------ */
:root { 
    --bs-primary-rgb: 0, 128, 226; /* variable de BS5 */
    --bs-primary: #0080E2; /* variable de BS5 */
    --bs-primary-hover: #0276cf; /* variable de Ladeus pels hovers buttons*/
    --bs-primary-disabled: #1c89dd;

    --bs-dark-rgb: 52, 58, 64; /* variable de BS5 */
    --bs-dark: #343A40; /* variable de BS5 */
    --bs-dark-hover: #343A40; /* variable de Ladeus pels hovers buttons*/
    --bs-dark-disabled: #343A40;

    /*elements de menu */
    --bs-dropdown-link-active-bg: var(--bs-secondary)!important; /* dropdown-link:active (Background) */
    --bs-nav-link-color: var(--bs-primary); /* nav-link */
    --bs-nav-link-hover-color: var(--bs-primary-hover); /* nav-link:hover */

    /* btns bootstrap */
    --bs-btn-close-focus-shadow: box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25); /* btn-close:focus */

    /* page link */ 
    --bs-pagination-color: var(--bs-dark); /* page-link */
    --bs-pagination-hover-color: var(--bs-primary); /* page-link:hover */
    --bs-pagination-focus-box-shadow: box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25); /* page-link:focus */

    --bs-pagination-active-color: var(--bs-primary); /* .active>.page-link, .page-link.active */
    --bs-pagination-active-bg: var(--bs-dark); /* .active>.page-link, .page-link.active (Background) */
    --bs-pagination-active-border-color: var(--bs-dark);/* .active>.page-link, .page-link.active (Border-color) */

    --swiper-navigation-size: 35px;

    }


    /* btns bootstrap NO CAL TOCAR */
        .btn {
            --bs-btn-padding-x: 1.25rem;
            --bs-btn-padding-y: 0.5rem;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 0.9rem;
            border-radius: 50rem;
        }

        .btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-bg: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary);
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: var(--bs-primary-hover);
            --bs-btn-hover-border-color: var(--bs-primary-hover);
            --bs-btn-focus-shadow-rgb: var( --bs-primary-rgb );
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: var(--bs-primary-hover);
            --bs-btn-active-border-color: var(--bs-primary-hover);
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: var(--bs-primary-disabled);
            --bs-btn-disabled-border-color: var(--bs-primary-disabled);
        }

        .btn-outline-primary {
            --bs-btn-color: var(--bs-primary);
            --bs-btn-border-color: var(--bs-primary);
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: var(--bs-primary-hover);
            --bs-btn-hover-border-color: var(--bs-primary-hover);
            --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb );
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: var(--bs-primary-hover);
            --bs-btn-active-border-color: var(--bs-primary-hover);
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: var(--bs-primary-disabled);
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: var(--bs-primary-disabled);
            --bs-gradient: none;
        }

        .btn-link {
            --bs-btn-font-weight: 400;
            --bs-btn-color: var(--bs-primary);
            --bs-btn-bg: transparent;
            --bs-btn-border-color: transparent;
            --bs-btn-hover-color: var(--bs-primary-hover);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-active-color: var(--bs-primary-hover);
            --bs-btn-active-border-color: transparent;
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-border-color: transparent;
            --bs-btn-box-shadow: none;
            --bs-btn-focus-shadow-rgb: 51, 153, 255;
            text-decoration: underline;
        }

        .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
            --bs-offcanvas-bg: #000000;
        }

    /* links base */
        a { color: var(--bs-primary); text-decoration: none; }
        a:hover, a:focus {  color: var(--bs-primary-hover); text-decoration: none; }
        .list-group { --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); }
        .navbar-dark { --bs-navbar-color: rgba(255,255,255,1) }
    /* forms bootstrap */ 
        .form-control:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25); }
        .form-check-input:checked { background-color: var(--bs-primary-hover); border-color: var(--bs-primary); } 
        .form-check-input:focus { border-color: rgba(var(--bs-primary-rgb), 0.5); box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);}
        .form-select:focus { border-color: rgba(var(--bs-primary-rgb), 0.5); box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);}
    /* breadcrumb */
        .breadcrumb a {color: var(--bs-gray-500);}
        .breadcrumb a:hover {color: var(--bs-gray-700);}

        .text-blue-green { color: #003da6 }
        .bg-blue-green { background-color: #003da6 }
        .border-blue-green {
            --bs-border-opacity: 1;
            border-color: rgba(0, 61, 166, var(--bs-border-opacity)) !important;
        }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 300 }
h1, .h1 { font-size: 3.5rem; line-height: 3rem; }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
h5, .h5 { }

.bg-darkest { background-color: #000000; }

/* Layout */


/* Header */
header { transition: all ease-in-out 0.3s; }
header.scroll-down { background-color: #000000; }
header.scroll-down .logo{ max-height: 60px!important; }
#wrap-content-header .content-header { background-color: rgba(52,58,64,0.5); }


/* Menú principal */
#wrap-menu-principal .navbar-brand img.logo { max-height: 80px; transition: all ease-in-out 0.3s; }
#menu-principal .navbar-nav { --bs-nav-link-color: #FFFFFF; --bs-nav-link-hover-color: #cbcbcb }
.logo-offcanvas { max-height: 50px; }

#toast_timeleft { transition: all 0.15s; top: 11rem; z-index: 3; }
#toast_timeleft.scroll-down{ top: 0; }
.shop-menu .navbar-nav { flex-direction: row; }
.shop-menu .bi-person, .btn-aplifit-app .bi-person{ font-size: 19px; }
.shop-menu .bi-bag { font-size: 14px; }
.shop-menu .btn-user { padding: 3px 8px 3px 7px!important; }
.shop-menu .btn-cesta { padding: 4px 9px 5px 9px!important; }
.shop-menu .btn-logged-user, .btn-aplifit-app { padding: 3px 9px 3px 9px!important; }
.shop-menu .btn-logged-user:focus, .shop-menu .btn-logged-user:hover, .shop-menu .btn-cesta:hover { color: #000000; }

/*
#wrap-menu-principal { border-top: 1px solid #444; border-bottom: 1px solid #444; }
#menu-principal .navbar-nav a.nav-link { font-size: 0.8rem; padding: .9rem 1rem; color: #444; display: block }
#menu-principal .navbar-nav .active a.nav-link { background-color: #444444; }
#menu-principal .navbar-nav .dropdown-menu { border-radius: 0; background-color: #444444; }
#menu-principal .dropdown-item { font-size: 0.8rem; color: #5894CB; text-transform: uppercase; }
*/


/* Home */
.overlay-dark { background-color: rgba(0, 0, 0, 0.3); }
.overlay-darkest { background-color: rgba(0, 0, 0, 0.8); }
#carousel-home .carousel-inner .wrap-img-cover-object { height: 100vh; min-height: 500px; }

#wrap-content-header { height: 500px; }
#wrap-content-header-alternative { height: 100px; }
#wrap-content-header-alternative.header-alternative-no-img { height: 100px; background: rgba(0,0,0,1) }

.featured { margin-bottom: -30rem; }
.experience { padding-top: 30rem; }
.page.experience { padding-top: 0;}
#vimeo-video { height: 100vh; background-color: #111111; }
.hero-video { height: 100%; position: relative; }
.hero-video svg { font-size: 20px; }
.hero-video.openvideo{ overflow-x: hidden; overflow-y: auto; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; background-color: #000000; }

.embed-container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: 100vh;
}

#pa-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.embed-container iframe{
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100vw;
    min-width: 240vh;
    height: 59.25vw;
    min-height: 100vh;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
}

#vimeo-video .display-1 span { color: var(--bs-primary); }

.openvideo .embed-container iframe {
    min-width: 0vh;
}
.zi-1000 { z-index: 1000; }

.experience .numbers { -webkit-text-stroke: 1px var(--bs-primary); color: transparent; left: -2rem; }

.title-sticky { position: -webkit-sticky; position: sticky; top: 30%; z-index: 1020; }


.fletxa > svg {     
    transition: all ease-in-out 0.1s;
}

.fletxa:hover > svg {   
    -webkit-transform: translate(50%,0%);
    transform: translate(50%,0%);
    transition: all ease-in-out 0.3s;
}

.fletxa:hover > svg path { 
    fill: white
}


/* INTERIORES */
#wrap-contenido, .wrap-contenido { min-height: 200px; }
.bar-primary { height: 8px; width: 88px; background-color: var(--bs-primary); display: inline-block; }
.bar-primary.small { height: 3px; }
.overlay-primary { background-color: rgba(0, 128, 226,0.8); }
.module-col-alt ul li { font-weight: 800; color: var(--bs-primary); line-height: 1.5; margin-bottom: 1.1rem; }
.module-col-alt .wrap-img-cover-object { height: 450px; }
.module-col-alt li::marker { content: ''; }
.module-col-alt ul { padding-left: 0; }
.badge.text-blue-green { font-size: 0.9rem; }
b, strong { font-weight: 800; }


/* Booking Calendar*/
/*
#form-booking .hide { opacity: 0; height: 0; padding: 0; }
.calendar-day .text-date-number { margin-top: 0.5rem; margin-bottom: -0.5rem; font-size: 4rem; line-height: 4rem; font-weight: bold; }
*/

/* Page */
#galeria .wrap-img-cover-object { height: 200px; }
#logos-clients img { max-height: 75px;  max-width: 175px;}

#wrap-content-header-experience { height: 800px; }

.dual-color span { color: var(--bs-primary); }
.experience-body-content h2 { font-size: 3rem; } 

/* Item */

#share_zone a { padding: 7px 10px 7px 10px; }
.mod-single .wrap-img-cover-object { height: 80vh; }

/* List items */
#keyword.form-control { background-color: #E2E6EA; font-size: 1.3rem; border: 0px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#keyword.form-control::placeholder { font-size: 1.3rem; color: #A5A5A5; }
#keyword.form-control:focus { box-shadow: none; }
#keyword-addon { background-color: #E2E6EA; border: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.rounded-custom { border-radius: 15%; }
.gradient-bottom-right::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    content: ' ';
    z-index: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+97&0+65,1+100,1+100 */
background: -moz-linear-gradient(115deg,  rgba(0, 128, 226,0) 0%, rgba(0, 128, 226,0) 65%, rgba(0, 128, 226,0.91) 97%, rgba(0, 128, 226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(115deg,  rgba(0, 128, 226,0) 0%,rgba(0, 128, 226,0) 65%,rgba(0, 128, 226,0.91) 97%,rgba(0, 128, 226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(115deg,  rgba(0, 128, 226,0) 0%,rgba(0, 128, 226,0) 65%,rgba(0, 128, 226,0.91) 97%,rgba(0, 128, 226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient-bottom-left::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    content: ' ';
    z-index: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+97&0+65,1+100,1+100 */
background: -moz-linear-gradient(230deg,  rgba(0, 128, 226,0) 0%, rgba(0, 128, 226,0) 65%, rgba(0, 128, 226,0.91) 97%, rgba(0, 128, 226,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(230deg,  rgba(0, 128, 226,0) 0%,rgba(0, 128, 226,0) 65%,rgba(0, 128, 226,0.91) 97%,rgba(0, 128, 226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(230deg,  rgba(0, 128, 226,0) 0%,rgba(0, 128, 226,0) 65%,rgba(0, 128, 226,0.91) 97%,rgba(0, 128, 226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.single-list-default .wrap-img-cover-object::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    content: ' ';
    z-index: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+42,000000+100&0+42,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 42%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 42%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 42%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

/* Galeria */


/* Contact */
.error-msg { color: var(--bs-danger-text); font-size: 80%; }

/* Share */
#share_zone > div { float: left; margin-right: 0.5rem; padding: 1rem 0; }
#share_zone .fb-share-button > span { height: 30px!important; }

/* Footer */
#footer { font-size: 0.90rem; background-color: #000000; color: #FFFFFF; line-height: 1.6rem; }
#footer a {color: #FFFFFF}
#footer a:hover {color: #ccc}
#footer label { color: #000000; }
.sgae-logo { height: 120px; width: auto; }
.firma { background-color: #111111; }
.firma a.ico-ladeus { background: url("https://www.ladeus.com/imatges/ico-color-bn-ladeus.png") no-repeat; background-position: left top; font-style: normal; font-weight: normal; display: inline-block; font-size: 11px; height: 18px; line-height: 3px; padding: 7px 0 5px 24px; transition: all 0.15s; }
.firma a.ico-ladeus:hover { background-position: left bottom; color: #999; text-decoration: none; }



/* Login */
.toggle-view-pass { top: 0 !important; }
#modal-resetpassword .toggle-view-pass{ margin-top: -16px !important; } 

/* CSS Para la shop */
#registros-relacionados span.wrap-price { font-size: 1.3rem;display: block; }
#registros-relacionados .old-price { font-size: 1rem; margin-left: 0px }
#steps_shop { background-color: #e9ecef; }
span.wrap-price { font-size: 1.5rem; display: block; }
.custom-checkbox label { cursor: pointer; line-height: 1.5rem; }
.old-price { margin-left: 1rem; }
.resumen_cesta .table td, .resumen_cesta .table th { border-top: 1px solid #dee2e6!important; }
.resumen_cesta tr, .resumen_cesta td { border: 0px; }
.img-cart { max-width: 80px; }
.form-floating .viewpassword { position: absolute; right: 2rem; top: 1.2rem; }
.modal-confirm { background-color: rgba(0,0,0,0.35) }
/*
span.old-price { 
    font-size: 0.9rem; 
    background-color: transparent;
    background-image: -webkit-gradient(linear, 19.1% -7.9%, 81% 107.9%, color-stop(0, #fff), color-stop(.48, #fff), color-stop(.5, #000), color-stop(.52, #fff), color-stop(1, #fff));
    background-image: -webkit-repeating-linear-gradient(287deg, #fff 0%, #fff 48%, #000 50%, #fff 52%, #fff 100%);
    background-image: repeating-linear-gradient(163deg, #fff 0%, #fff 48%, #000 50%, #fff 52%, #fff 100%);
    background-image: -ms-repeating-linear-gradient(287deg, #fff 0%, #fff 48%, #000 50%, #fff 52%, #fff 100%); 
}
*/

/********** Classes de Ladeus  ********/
    .text-lg { font-size: 1.5rem; }
    .zi-1 {z-index: 1;}
    .ls-1 { letter-spacing: 0.07rem }
    .ls-2 { letter-spacing: 0.1rem }
    .ls-3 { letter-spacing: 0.2rem }
    .fw-100 { font-weight: 100; }
    .fw-300 { font-weight: 300; }
    .fw-400 { font-weight: 400; }
    .fw-700 { font-weight: 700; }
    .fw-800 { font-weight: 800; }
    .fw-900 { font-weight: 900; }
    .overlay-black { background-color: rgba(0,0,0,0.35) }
    .click_a { cursor: pointer; }
    .c-pointer { cursor: pointer; }    
    .switch-checkin .form-switch { padding-left: 6.5em; }

    img.grayscale { 
        filter: url("data: image/svg+xml;utf8,<svg xmlns=\'http: //www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }
    .card:hover img.grayscale { filter: none; }

    .btn-whatsapp-absolute{ position: fixed; z-index: 9999; border-radius: 4px 4px 0 0 ; right: 2rem; bottom: 0; color: #FFFFFF;background-color: #25D366;padding: 7px 10px 7px 10px; border-radius: 25px; margin-bottom: 15px; }
    .btn-whatsapp-absolute:hover { color: #FFFFFF; }
    /*
    .btn-whatsapp {
        position: fixed;
        z-index: 9999;
        border-radius: 0.7rem;
        left: auto;
        right: 7rem;
        bottom: 2.5rem;
        margin-bottom: 1rem;
    }
    .btn-whatsapp .green-circle { position: relative; width: 50px; height: 50px; z-index: 2;color: #FFFFFF; background-color: #25d366; padding: 10px 10px 0px 11px; border-radius: 25px; }
    .btn-whatsapp .black-circle { position: absolute;
        background-color: var(--bs-secondary);
        color: #FFFFFF;
        z-index: 1;
        width: 120px;
        padding: 0.2rem 1rem 0.2rem 1.7rem;
        font-size: 0.8rem;
        top: 0.2rem;
        left: 2rem;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }*/

    /* css dels Tinys */
    .linkupload { padding: 2px 5px 0px 50px; color: #454545; }
    .link-pdf { background: url(../images/ico/ico-pdf-red.png) no-repeat left 2px; }
    .link-word { background: url(../images/ico/ico-word.png) no-repeat left 2px; }
    .img-ico { max-width: 50px; }

    /* Cover img para el background-image */
    .wrap-img { background-position: center center; background-size: cover; background-repeat: no-repeat; }
    /* Cover img sin usar background */
    .wrap-img-cover-object.bbcode { display: block; height: 150px; margin: 15px 0; transition: 0.2s opacity }
    .wrap-img-cover-object.bbcode:hover { opacity: 0.8; }
    .wrap-img-cover-object { position: relative; width: 100%; height: 150px; }
    .wrap-img-cover-object img { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover; object-position: 50% 50%;'; object-position: 50% 50%; transition: all 0.5s; }
    .wrap-img-cover-object.ratio {height: auto!important;display: inherit;}
    .ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%);}
    .paginate_button { cursor: pointer; padding: 4px;}

    .swiper-button-next:after, .swiper-button-prev:after { font-weight: 800; }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: all;}
    .swiper-wrap { height: 100%; width: 100%; position: relative; display: block; text-align: left;}
    .swiper-wrap .swiper-button-next { right: -40px; }
    .swiper-wrap .swiper-button-prev { left: -40px; }
    .swiper-button-next.text-light,.swiper-button-prev.text-light { color: #E2E6EA!important; }

    .video-btn { position: relative; cursor: pointer; }
    .video-btn .bi-play-fill {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* Large desktop */
@media (min-width: 1200px) {
    
}    

@media (min-width: 980px) and (max-width: 1199px) {

    
}

/* Large desktop */
@media (max-width: 1200px) {
    .swiper-wrap { padding-left: 3rem; padding-right: 3rem; }
    .swiper-wrap .swiper-button-next { right: 0px; }
    .swiper-wrap .swiper-button-prev { left: 0px; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 992px) {

    #registros-relacionados span.wrap-price { display: inline; margin-right: 0.7rem;  }
    .featured { margin-bottom: -20rem; }
    .experience { padding-top: 20rem; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .daterangepicker .drp-calendar { max-width: none; }
    .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { margin: 0 auto; float: none; }
    .experience .numbers { left: 0px; }
    .featured { margin-bottom: -15rem; }
    .experience { padding-top: 15rem; }
}


/* Extra small devices (portrait phones, less than 576px) A partir de aquí SM */
@media (max-width: 575.98px) {
    h1, .h1 { font-size: 2.5rem; line-height: 3rem; }
    #wrap-menu-principal .navbar-brand img.logo { max-height: 60px; }
    header.scroll-down .logo { max-height: 50px!important; }
    .swiper-wrap { padding-left: 2rem;padding-right: 2rem;}
    .module-col-alt .wrap-img-cover-object { height: 200px; }
    .module-col-alt .wrap-img-cover-object img { border-radius: 0.5rem; }
    .btn-custom { font-size: 1rem!important; width: 100%; }
    .page-experience .fs-5 { font-size: 1.13rem!important; }
 }

@media (max-width: 420px) {
    #wrap-menu-principal .navbar-brand img.logo { max-height: 45px; }
    header.scroll-down .logo { max-height: 35px!important; }
    #wrap-content-header-alternative.header-alternative-no-img { height: 70px; background: rgba(0,0,0,1) }
}


@media all and (transform-3d), (-webkit-transform-3d) {
    
}