/* OTROS ESTILOS*/
        .styled-select {
            width: 240px;
            height: 34px;
            overflow: hidden;
            background: url(new_arrow.png) no-repeat right #ddd;
            border: 1px solid #ccc;
        }

        .sidebar-box select {
            display: block;
            padding: 5px 10px;
            height: 42px;
            /*margin:10px auto;*/
            min-width: 225px;
            -webkit-appearance: none;
            height: 34px;
            /* background-color: #ffffff; */
            background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
                linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
            background-repeat: no-repeat, repeat;
            background-position: right .7em top 50%, 0 0;
            background-size: .65em auto, 100%;
        }

        .searchbox--v2 #DataDevolucao,
        .searchbox--v2 #DataDevolucaoReset,
        .searchbox--v2 #DataRetirada,
        .searchbox--v2 #DataRetiradaReset,
        .searchbox--v2 .formPesquisa .DataDevolucao,
        .searchbox--v2 .formPesquisa .DataRetirada {
            padding-top: 5px !important;
        }

        

        .back-to-top {
            display: inline-block;
            position: fixed;
            bottom: 20px;
            left: 25px;
            width: 55px;
            height: 55px;
            background-color: #FF9800;
            border-radius: 50%;
            text-align: center;
            transition: background-color .3s, opacity .5s, visibility .5s;
            opacity: 0;
            visibility: hidden;
            z-index: 1000;
            filter: drop-shadow(0px 3px 4px #00000021);
        }

        .back-to-top::after {
            content: "\f077";
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            font-size: 2em;
            line-height: 50px;
            color: #fff;
        }

        .back-to-top:hover {
            cursor: pointer;
            background-color: #333;
        }

        .back-to-top:active {
            background-color: #555;
        }

        .back-to-top.show {
            opacity: 1;
            visibility: visible;
        }
            
        .img {
             width: 100%;
        }
        
   

/* ESCRITORIO */
@media (min-width:768px){

    .row-right0{
        display:flex;
        align-items:center;
    }

   .logo-header{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin:0 !important;
    padding:0 !important;
}

    .logo-rentcars-img{
        height:90px !important;
        width:auto !important;
        max-width:240px !important;
    }

    .nav-header__options{
        display:flex !important;
        align-items:center;
        justify-content:flex-start !important;
        padding-left:30px;
        height:90px;
    }

    .nav-menu{
        display:flex;
        align-items:center;
        gap:20px;
    }

    .nav-header__options--mobile{
        display:none !important;
    }

}


/* MOVIL */
@media (max-width:767px){

    .nav-header{
        padding: 5px 15px !important;
        background:#fff;
    }

    /* CORRECCIÓN: FILA HORIZONTAL PARA EL LOGO Y LOS BOTONES EN MÓVIL */
    .row-right0{
        display: flex !important;
        flex-direction: row !important; /* Mantiene todo en una línea horizontal */
        align-items: center !important;
        justify-content: space-between !important; /* Espacio entre el logo (izq) y botones (der) */
        width: 100% !important;
    }

    .col-right0{
        width:100% !important;
        max-width:100% !important;
    }

    /* LOGO: Pegado a la izquierda */
    .logo-header{
        display: flex;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 1;
    }

    .logo-rentcars-img{
        height: auto !important;
        max-width: 130px !important; /* Un poco más pequeño para dejar espacio a los botones */
        object-fit: contain;
    }

    /* OCULTAR HEADER DESKTOP */
    .nav-header__options{
        display:none !important;
    }

    /* MOSTRAR HEADER MOVIL (IDIOMA + PANEL): Pegado a la derecha */
    .nav-header__options--mobile{
        display: flex !important;
        width: auto !important; /* Solo ocupa el espacio necesario */
        margin-top: 0 !important; /* Sube a la misma línea que el logo */
    }

    .nav-header__options--mobile .nav-menu{
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important; /* Empuja hacia la derecha */
        align-items: center !important;
        gap: 8px !important; /* Espacio reducido para pantallas pequeñas */
        padding: 0 !important;
    }

    /* IDIOMA */
    .language{
        margin: 0 !important;
        width: auto !important; 
    }

    .language-selected{
        font-size: 13px !important; /* Fuente reducida para que quepa todo */
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    /* PANEL */
    .btn-admin-header{
        min-width: 80px !important; /* Botón más compacto en móvil */
        padding: 6px 14px !important;
        font-size: 12px !important;
        text-align: center;
        border-radius: 30px;
        width: auto !important; 
    }

}
        
        
        .pull-right{
    float:none !important;
}
.container-right0{
    max-width:1140px;
    margin:0 auto;
}
.col-md-5.col-lg-4{
    width:25%;
}

.col-md-7.col-lg-8{
    width:75%;
}

.nav-header__options{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    height:100px;
    padding-right:0 !important;
}

.nav-menu{
    display:flex;
    align-items:center;
    gap:18px;
    margin-left:auto;
}


/* nuevo*/
.next-social-pro{
    width:100%;
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    align-items:center !important;
    gap:15px !important;
    margin-top:25px;
}

.next-social-pro a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px;
    height:42px;
    border-radius:50%;
    background:#378ccc;
    color:#fff !important;
    text-decoration:none;
    font-size:18px;
}

.next-social-pro i{
    display:flex !important;
    align-items:center;
    justify-content:center;
}

.next-social-pro a:hover{
    background:#2f7dc5;
    transform:translateY(-3px);
}

.next-contact-pro{
    margin-top:25px !important;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
}

.next-row{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    margin-bottom:10px;
}

.next-row i{
    width:22px;
    min-width:22px;
    margin-right:10px;
    color:#378ccc;
    font-size:16px;
    text-align:center;
}

.next-row span{
    text-align:left;
    line-height:1.4;
}

.next-social-pro{
    max-width:250px;
    white-space:nowrap;
}

/* Imagen servicios */

.why-next-container{
    text-align:center;
    margin:20px auto;
}

.why-next-banner{
    display:flex;
    justify-content:center;
    align-items:center;
}

.why-next-banner img{
    width:100%;
    max-width:1140px;
    height:auto;
    display:block;
    margin:auto;
}

/* Para el video */

.video-next-home{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.video-next-banner{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
}

.video-overlay-next{
    position:absolute;
    left:50px;
    bottom:50px;
    z-index:2;
}

.video-overlay-next h2{
    color:#38A96D;
    font-size:42px;
    font-weight:800;
    margin:0;
    text-shadow:0 3px 10px rgba(0,0,0,.4);
}

.video-overlay-next p{
    color:#fff;
    font-size:22px;
    font-weight:600;
    margin:10px 0 20px;
    text-shadow:0 3px 10px rgba(0,0,0,.4);
}

.btn-video-next{
    display:inline-block;
    background:#38A96D;
    color:#fff;
    text-decoration:none;
    padding:14px 30px;
    border-radius:30px;
    font-weight:700;
    transition:.3s;
}

.btn-video-next:hover{
    background:#2d8a58;
    color:#fff;
    text-decoration:none;
}

@media(max-width:768px){

    .video-overlay-next{
        left:20px;
        bottom:20px;
    }

    .video-overlay-next h2{
        font-size:24px;
    }

    .video-overlay-next p{
        font-size:14px;
    }

    .btn-video-next{
        padding:10px 18px;
        font-size:13px;
    }

}

/* El mapa de gogole */

.next-map-only{
    max-width:1140px; 
    margin:40px auto;
    background:#378ccc;
    padding:30px 50px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.18);
}

.next-map-header{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:15px;
}

.next-map-header h2{
    color:#fff;
    font-size:32px;
    font-weight:800;
    margin:0 0 10px 0;
}

.next-directions-btn{
    color:#FFFFFF;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.next-directions-btn:hover{
    color:#fff;
}

.next-map-image{
    text-align:center;
}

.next-map-image img{
    width:100%;
    border-radius:8px;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    transition:.3s;
}

.next-map-image img:hover{
    transform:scale(1.01);
}

@media(max-width:768px){

    .next-map-only{
        max-width:95%;
        padding:20px;
    }

    .next-map-header h2{
        font-size:26px;
    }

    .next-directions-btn{
        font-size:15px;
    }

}



   .social-links a {
            font-size: 24px;
            display: inline-block;
            line-height: 1;
            padding-top: 14px;
            margin: 0 10px;
            text-align: center;
            transition: 0.3s;
        }
   
        .social-links a:hover {
            color: #fff;
        }
    
        .center {
            margin: 0;
            position: relative;
            top: 50%;
            left: 70%;
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        p.aviso {
            color: red;
        }
        
        .btn-admin-header{
    padding:12px 26px;
    border-radius:50px;
    border:none;
    background:linear-gradient(135deg,#4facfe,#00c6ff);
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;

    display:flex;
    align-items:center;
    gap:10px;

    box-shadow:
        0 10px 25px rgba(0,198,255,.30),
        inset 0 1px 0 rgba(255,255,255,.4);

    transition:.3s;
}

.btn-admin-header:hover{
    transform:translateY(-3px);
    box-shadow:
        0 18px 35px rgba(0,198,255,.45),
        inset 0 1px 0 rgba(255,255,255,.5);
}


/* =====================================
   HEADER NEXT RENTAL DEFINITIVO
===================================== */

/* PC */
@media (min-width:768px){

    .logo-header{
        margin-left:-40px;
        display:flex;
        align-items:center;
    }

    .logo-rentcars-img{
        max-height:80px;
        width:auto;
    }

    .nav-header__options{
        display:flex;
        justify-content:flex-end;
        align-items:center;
        height:100px;
    }

    .nav-header__options--mobile{
        display:none !important;
    }

}


@media (max-width:767px){

    .nav-header__options--mobile .nav-menu{
        position: relative;
    }

    .nav-header__options--mobile .btn-admin-header{
        position:static !important;
    }

}


.next-overlay-text h2{
    color:#378ccc;
    font-size:42px;
    font-weight:800;
    margin-bottom:20px;
    text-transform:uppercase;
}

.next-overlay-text p{
    color:#444;
    font-size:18px;
    line-height:1.5;
    margin-bottom:12px;
    font-weight:400;
}

.next-overlay-text strong{
    font-weight:700;
}



/* TITULO DEL VEHICULO */
.rental-company__categories__model{
    font-size:20px !important;
    font-weight:700 !important;
}

/* TIPO DE VEHICULO */
.rental-company__categories__group{
    font-size:26px !important;
    font-weight:600 !important;
    margin-top:15px;
}

/* ICONOS */
.rental-company__categories__icons-list li:before,
.rental-company__categories__icons-list li i{
    font-size:20px !important;
}

/* TEXTO DE LOS ICONOS */
.rental-company__categories__icons-list li span{
    font-size:15px !important;
    line-height:1;
    font-weight:200;
}


/* ===================================
   MAS PRODUCTOS NEXT
=================================== */

.rental-company__car-columns .container{
    max-width:1200px;
    margin:auto;
}

.sc-xkptmj-0{
    width:100%;
}

.sc-wmquyg-0 img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
}

.sc-wmquyg-1{
    display:block;
    padding:25px 0;
    text-decoration:none;
    color:#222;
}

.sc-wmquyg-1 h4{
    margin-bottom:10px;
}

.sc-wmquyg-1 button{
    margin-top:15px;
}




/* =====================================
   NEXT EMPRESA DEFINITIVO
===================================== */

.rental-company__two-columns{
    margin:60px 0;
}

.rental-company__two-columns .container{
    max-width:1200px;
    margin:auto;
}

.cvMTaW{
    display:flex;
    gap:70px;
    align-items:flex-start;
}

/* BLOQUE IMAGEN */

.xwmFc{
    position:relative;
    flex:1;
}

.xwmFc img{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
}

/* TEXTO DENTRO DE LA IMAGEN */

.next-overlay-text{
    position:absolute;
    top:40px;
    left:40px;

    width:42%;

    background:transparent !important;
    box-shadow:none !important;
    border:none !important;

    padding:0;

    font-family:"Century Gothic",sans-serif;
    z-index:10;
}

.next-overlay-text h2{
    color:#378ccc;
    font-size:34px;
    font-weight:700;
    margin-bottom:15px;
    text-align:center;
}

.next-overlay-text p{
    font-size:18px;
    line-height:1.6;
    color:#444;
    text-align:justify;
    margin-bottom:10px;
}

/* VIDEO */

.video-next-home{
    flex:1;
}

.video-next-banner{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
}

/*=========================================
QUIÉNES SOMOS - MÓVIL Y TABLET
=========================================*/

@media(max-width:991px){

    .rental-company__two-columns .cvMTaW{
        flex-direction:column;
        gap:20px;
    }

    .xwmFc img,
    .sc-pi2dea-0 img,
    .sc-wmquyg-0 img{
        height:420px !important;
    }

    .video-next-banner{
        height:260px;
    }

    .next-overlay-text{

    top:4% !important;

    left:7% !important;

    width:58% !important;

    padding:0 !important;

    background:transparent !important;

}

    .next-overlay-text h2{

        font-size:26px !important;

        line-height:1.05 !important;

        margin-bottom:12px !important;

        white-space:nowrap !important;

        text-align:left !important;

    }

    .next-overlay-text p{

        font-size:14px !important;

        line-height:1.65 !important;

        margin-bottom:12px !important;

        text-align:justify !important;

    }

    /* SOLO LOS DOS PRIMEROS PÁRRAFOS */

    .next-overlay-text p:nth-of-type(3),
    .next-overlay-text p:nth-of-type(4),
    .next-overlay-text p:nth-of-type(5){

        display:none !important;

    }

}

.video-next-home{
    margin-top:40px;
}

/* ===================================
   MÁS PRODUCTOS NEXT
=================================== */

.next-title-products{
    color:#38A96D;
    font-size:34px;
    font-weight:600;
    margin-bottom:20px;
}

.next-product-banner{
    width:100%;
    padding:30px 0;
    position:relative;
}

.next-product-banner img{
    width:100%;
    max-width:1200px;

    height:500px;
    object-fit:cover;

    display:block;
    margin:0 auto;
}

/* MOVIL */

@media(max-width:768px){

    .next-title-products{
        font-size:24px;
        text-align:center;
    }

    .next-product-banner{
        padding:15px 0;
    }

    .next-product-banner img{
        width:100%;
        height:220px;
        object-fit:cover;
    }

}


.categoria-click{
    cursor:pointer;
    transition:.3s;
}

.categoria-click:hover{
    transform:translateY(-5px);
}

.motor-destacado{
    animation:destacarMotor 1s ease 2;
}

@keyframes destacarMotor{

    0%{
        box-shadow:0 0 0 rgba(56,169,109,0);
    }

    50%{
        box-shadow:0 0 35px rgba(56,169,109,.8);
    }

    100%{
        box-shadow:0 0 0 rgba(56,169,109,0);
    }

}

/* PEGAR MOTOR AL HEADER */

/* SOLO PC */
@media (min-width:992px){

    .rental-company__header{
        padding-top:40px !important;
        margin-top:0 !important;
    }

}
/* SOLO MOVIL */
/*@media (max-width:767px){

    .rental-company__header{
        padding-top:0 !important;
        margin-top:0 !important;
    }

}*/

.rental-company__header .container{
    padding-top:0 !important;
}

#js-itinerary-mini{
    margin-top:0 !important;
    padding-top:0 !important;
}

#js-itinerary-mini-search{
    margin-top:0 !important;
}

@media (min-width:992px){

    #js-itinerary-mini-search{

        transition:all .25s ease;

    }

}

@media (min-width:992px){

#js-itinerary-mini-search.motor-fixed{

    position:fixed;

    top:100px;              /* ajusta a la altura real del menú */

    left:50%;

    transform:translateX(-50%);

    width:1140px;

    max-width:1140px;

    z-index:99999;

    margin:0 !important;

    border-radius:0 0 24px 24px;

}

}

@media (max-width:767px){

    .truncate{
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:unset !important;
    }

}


/* BOTON BANNER EMPRESARIAL */

.next-banner-overlay{
    position:absolute;
    top:75%;
    left:14%;
    transform:translateY(-50%);
    z-index:20;
}

.btn-reserva-empresa{

    display:inline-block;

    padding:18px 45px;

    border:3px solid #fff;

    border-radius:50px;

    color:#fff;
    text-decoration:none;

    font-size:28px;
    font-weight:700;

    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);

    transition:.3s ease;
}

.btn-reserva-empresa:hover{

    background:#38A96D;
    border-color:#38A96D;

    color:#fff;
    text-decoration:none;

    transform:translateY(-3px);
}

@media(max-width:768px){

    .next-banner-overlay{
        left:33%;
        /*top:75%;*/
        transform:translate(-50%,-50%);
        text-align:center;
    }

    .btn-reserva-empresa{

        font-size:18px;
        padding:12px 28px;

        border-width:2px;
    }

}


/*==============================
MODAL PREMIUM
==============================*/

.modal-next .modal-content{
    border:none;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(0,0,0,.35);
}
.modal-next .modal-header{
    background:linear-gradient(135deg,#38A96D,#2f8f5b);
    color:#fff;
    border:none;
    padding:22px 30px;
}
.modal-next .modal-title{
    font-size:26px;
    font-weight:700;
}
.modal-next .modal-body{
    padding:35px;
    max-height:70vh;
    overflow-y:auto;
    font-size:17px;
    line-height:1.8;
    color:#555;
}
.modal-next h5{
    font-weight:700;
    color:#38A96D;
    margin-top:25px;
}
.modal-next ul{
    padding-left:20px;
}
.modal-next li{
    margin-bottom:15px;
}
.modal-next .modal-footer{
    border:none;
    background:#f7f7f7;
}
.modal-next .btn-close{
    filter:invert(1);
}
.modal-backdrop.show{
    backdrop-filter:blur(8px);
    background:rgba(0,0,0,.5);
}
.legal-contact{
    background:#f8f8f8;
    padding:20px;
    border-radius:15px;
    margin-top:30px;
}
.legal-contact i{
    color:#38A96D;
    width:25px;
}

/* =====================================
   AJUSTES MÓVIL PARA EL MODAL (CORRECCIÓN)
===================================== */
@media (max-width: 767px) {
    .modal-next .modal-dialog {
        margin: 10px; /* Evita que el modal toque los bordes laterales */
    }
    .modal-next .modal-header {
        padding: 15px 20px;
    }
    .modal-next .modal-title {
        font-size: 20px;
    }
    .modal-next .modal-body {
        padding: 20px;
        font-size: 14.5px;
        max-height: 80vh; /* Permite un poco más de altura en móvil */
    }
    .modal-next h5 {
        margin-top: 15px;
        font-size: 16px;
    }
}


/* =========================================
   FIX DEFINITIVO HEADER HOME MOVIL
========================================= */

@media (max-width:767px){

    .rental-company__header{

        background:#fff url("/carnext/assets/imagenes/bg-home-ab1.png") no-repeat center bottom !important;

        background-size:250% auto !important;

        padding-top:55px !important;   /* antes 20px */

        padding-bottom:330px !important;

    }

}


/* Imagen "¿Por qué elegirnos?" */
@media (max-width:767px){

    .why-next-container{
        padding:15px 10px;
    }

    .why-next-banner img{
        width:100%;
        max-width:400px;
        height:auto;
        display:block;
        margin:0 auto;
    }

}

/*=========================================
  WHATSAPP FLOATING
=========================================*/

.whatsapp-floating-container{

    position:fixed;

    right:25px;

    bottom:25px;

    z-index:999999;

}

.whatsapp-button{

    width:68px;

    height:68px;

    border-radius:50%;

    background:#25D366;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:36px;

    text-decoration:none;

    box-shadow:
        0 18px 40px rgba(0,0,0,.30);

    transition:.30s;

    animation:whatsappPulse 2s infinite;

}

.whatsapp-button:hover{

    color:#fff;

    transform:scale(1.08);

}

.whatsapp-tooltip{

    position:absolute;

    right:80px;

    top:50%;

    transform:translateY(-50%);

    background:#1f2937;

    color:#fff;

    padding:10px 18px;

    border-radius:30px;

    white-space:nowrap;

    font-size:14px;

    font-weight:700;

    opacity:0;

    transition:.30s;

    pointer-events:none;

}

.whatsapp-floating-container:hover .whatsapp-tooltip{

    opacity:1;

    right:90px;

}

@keyframes whatsappPulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.08);

}

100%{

transform:scale(1);

}

}

@media(max-width:768px){

.whatsapp-button{

width:60px;

height:60px;

font-size:32px;

}

.whatsapp-floating-container{

right:18px;

bottom:18px;

}

.whatsapp-tooltip{

display:none;

}

}

/* =====================================
   NEW DARK FOOTER
===================================== */
.footer-dark {
    background-color: #333333;
    color: #ffffff;
    padding: 64px 0 24px 0; /* pt-16 pb-6 */
    font-family: 'Montserrat', sans-serif;
}

.footer-dark .container-footer {
    max-width: 1280px; /* max-w-7xl */
    margin: 0 auto;
    padding: 0 16px; /* px-4 */
}

@media (min-width: 768px) {
    .footer-dark .container-footer {
        padding: 0 32px; /* md:px-8 */
    }
}

.footer-dark-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px; /* gap-12 */
    margin-bottom: 64px; /* mb-16 */
}

@media (min-width: 768px) {
    .footer-dark-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .footer-dark-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 32px; /* lg:gap-8 */
    }
}

.footer-dark-col {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1024px) {
    .footer-dark-col.col-enlaces {
        padding-left: 32px; /* lg:pl-8 */
    }
}

/* Columna 1 */
.footer-dark-logo-box{
    background: transparent;
    border-radius: 0;
    padding: 0;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    box-shadow:none;
    /*margin-bottom:24px;*/
    max-width:280px;
}

.footer-dark-logo-box img {
    width: 192px; /* w-48 */
    height: auto;
    object-fit: contain;
}

.footer-dark-desc {
    font-size: 14px;
    font-weight: 300; /* font-light */
    line-height: 1.625; /* leading-relaxed */
    margin-bottom: 24px; /* mb-6 */
    padding-right: 16px; /* pr-4 */
    text-align: justify;
    color: #ffffff; 
}

.footer-dark-social {
    display: flex;
    gap: 20px; /* space-x-5 */
    font-size: 20px;
}

.footer-dark-social a {
    color: #ffffff;
    transition: color 0.3s ease;
}

.footer-dark-social a:hover {
    color: #58b688; /* brand-green */
}

/* Títulos columnas */
.footer-dark-title {
    font-weight: 700; /* font-bold */
    font-size: 16px;
    margin-bottom: 32px; /* mb-8 */
    letter-spacing: 0.05em; /* tracking-wider */
    text-transform: uppercase;
}

/* Enlaces */
.footer-dark-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px; /* space-y-4 */
}

.footer-dark-links li {
    font-size: 15px;
    font-weight: 300; /* font-light */
}

.footer-dark-links a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-dark-links a:hover {
    color: #58b688;
    text-decoration: underline;
}

/* Contacto */
.footer-dark-contact {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px; /* space-y-5 */
}

.footer-dark-contact li {
    display: flex;
    align-items: flex-start; 
    gap: 16px; /* gap-4 */
    font-size: 15px;
    font-weight: 300;
}

.footer-dark-contact li.items-center {
    align-items: center;
}

.footer-dark-contact i {
    color: #58b688;
    font-size: 16px;
    text-align: center;
}

.footer-dark-contact i.fa-envelope, 
.footer-dark-contact i.fa-location-dot {
    font-size: 18px;
}

.footer-dark-contact i.mt-1 {
    margin-top: 4px;
}

.footer-dark-contact a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-dark-contact a:hover {
    color: #58b688;
    text-decoration: underline;
}

/* Copyright */
.footer-dark-bottom {
    border-top: 1px solid #6b7280; /* border-gray-500 */
    padding-top: 24px; /* pt-6 */
    text-align: center;
}

.footer-dark-bottom p {
    font-size: 13px;
    font-weight: 300; /* font-light */
    color: #d1d5db; /* text-gray-300 */
    margin: 0;
}

.footer-dark-logo-box img{
    width:250px;
    height:auto;
    display:block;
    object-fit:contain;
}

/* =====================================
   AJUSTES MÓVIL PARA EL FOOTER (CORRECCIÓN)
===================================== */
@media (max-width: 767px) {
    .footer-dark {
        padding: 40px 0 20px 0;
        overflow: hidden; /* Evita que los elementos se salgan por los lados y hagan scroll horizontal */
        width: 100%;
    }
    .footer-dark .container-footer {
        padding: 0 20px; /* Espacio uniforme en móvil */
    }
    .footer-dark-grid {
        gap: 35px; /* Menos espacio entre bloques */
        margin-bottom: 30px;
    }
    .footer-dark-logo-box {
        max-width: 220px; /* Recuadro blanco del logo más pequeño para pantallas chicas */
        padding: 12px;
        margin-bottom: 15px;
    }
    .footer-dark-logo-box img {
        width: 100%;
    }
    .footer-dark-desc {
        padding-right: 0;
        font-size: 14px;
        text-align: left;
    }
    .footer-dark-title {
        margin-bottom: 20px;
        font-size: 15px;
    }
    .footer-dark-contact li {
        align-items: flex-start; /* Asegura que el icono quede junto al texto siempre */
    }
    .footer-dark-contact i {
        min-width: 24px; /* Evita que el icono se aplaste cuando el texto baja de línea */
        text-align: left;
    }
    .footer-dark-contact a, 
    .footer-dark-contact span {
        word-break: break-word; /* IMPORTANTE: Esto impide que el correo rompa el diseño por ser tan largo */
        font-size: 14px;
    }
}

/*=========================================
  FIX MOTOR ESCRITORIO NEXT
=========================================*/

@media (min-width:992px){

#js-itinerary-mini{

    width:100%;
    max-width:1140px;
    margin:0 auto;
    overflow:visible;

}

#js-itinerary-mini-search{

    width:100%;
    max-width:1140px;

    margin:0 auto;

    padding:18px 20px;

    background:linear-gradient(135deg,#3cab69,#2f9b59);

    border-radius:0 0 24px 24px !important;

    overflow:hidden;

    box-shadow:
        0 12px 35px rgba(0,0,0,.20);

}

}

/*==================================================
   MOTOR RESPONSIVE NEXT RENTAL
===================================================*/


/**************
CELULARES
***************/
@media (max-width:767px){

#js-itinerary-mini-search{

    width:92% !important;
    max-width:390px !important;

    margin:30px auto !important;

    padding:18px !important;

    border-radius:18px;

}

.search-locals{

    margin-top:12px !important;

}

.search-pickup-date,
.search-return-date{

    width:60% !important;
    float:left !important;

}

.search-pickup-hour,
.search-return-hour{

    max-width:82px !important;

}

.search-pickup select,
.search-return select{

    width:100% !important;

    font-size:15px !important;

}

.botaoPesquisar{

    width:90% !important;

    height:46px !important;

    margin:15px auto 0 !important;

    display:block;

}

}



/**************
TABLET VERTICAL
***************/
@media (min-width:768px) and (max-width:991px){

#js-itinerary-mini-search{

    width:94% !important;

    max-width:900px !important;

    margin:25px auto !important;

    padding:22px !important;

    border-radius:20px;

}

.botaoPesquisar{

    width:220px !important;

}

}



/**************
TABLET HORIZONTAL
***************/
@media (min-width:992px) and (max-width:1199px){

#js-itinerary-mini{

    width:96%;

    margin:auto;

}

#js-itinerary-mini-search{

    width:100%;

    max-width:100%;

}

}



/**************
ESCRITORIO GRANDE
***************/
@media (min-width:1200px){

#js-itinerary-mini{

    width:100%;

    max-width:1140px;

    margin:auto;

}

#js-itinerary-mini-search{

    width:100%;

    max-width:1140px;

}

}

/*=========================================
BOTON RESERVAR SOLO MOVIL Y TABLET
=========================================*/

/* ESCRITORIO */
@media (min-width:992px){

    .next-book-floating{

        display:none !important;

    }

}

/* MOVIL Y TABLET */

/*=========================================
 BOTÓN RESERVAR FLOTANTE
=========================================*/

@media (max-width:991px){

.next-book-floating{

    position:fixed;

    left:15px;

    top:55%;

    transform:translateY(-50%);

    z-index:999998;

    opacity:0;

    visibility:hidden;

    transition:.30s;

}

.next-book-floating.show{

    opacity:1;

    visibility:visible;

}

.next-book-floating a{

    display:flex;

    align-items:center;

    gap:10px;

    background:#38A96D;

    color:#fff;

    text-decoration:none;

    padding:12px 18px;

    border-radius:50px;

    box-shadow:0 12px 30px rgba(0,0,0,.30);

    font-weight:700;

    font-size:15px;

    white-space:nowrap;

}

.next-book-floating i{

    font-size:24px;

    flex-shrink:0;

}

.next-book-floating span{

    display:inline !important;

    color:#fff;

    font-weight:700;

    font-size:15px;

}

}

@media (max-width:480px){

.next-book-floating{

    left:10px;

}

.next-book-floating a{

    padding:10px 14px;

    font-size:13px;

}

.next-book-floating span{

    font-size:13px;

}

.next-book-floating i{

    font-size:20px;

}

}

/* iPhone pequeños */

@media (max-width:480px){

.next-book-floating{

    left:12px;

    top:56%;

}

}

/*=========================================
   FORZAR TEXTOS DEL MOTOR EN BLANCO
=========================================*/

#js-itinerary-mini-search,
#js-itinerary-mini-search label,
#js-itinerary-mini-search span,
#js-itinerary-mini-search small,
#js-itinerary-mini-search .control-label{

    color:#fff !important;

}