/* ==========================================================================
   ESTILO SOLO PARA EL MENÚ DE HAMBURGUESA DESPLEGABLE EN MÓVIL (LÍNEAS 100%)
   ========================================================================== */
@media screen and (max-width: 600px) {
    
    /* Forzar al contenedor móvil a no dejar márgenes a los lados */
    .wp-block-navigation__responsive-container-content,
    .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Forzar a la lista a ocupar todo el espacio horizontal */
    .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Ajustar cada opción con líneas divisorias al 100% y más visibles */
    .wp-block-navigation__responsive-container-content .wp-block-navigation-item a {
        font-family: 'Noto Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 16px !important;
        color: #ffffff !important;
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        
        /* Líneas divisorias horizontales con opacidad del 40% (más marcadas) */
        border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
        
        /* Grosor / Espaciado vertical para presionar cómodamente */
        padding: 24px 0 !important; 
        
        text-transform: capitalize !important;
        letter-spacing: 0.5px !important;
        box-sizing: border-box !important;
        transition: background-color 0.2s ease !important;
    }

    /* Evita que las líneas intermedias se dupliquen y se vean más gruesas de lo normal */
    .wp-block-navigation__responsive-container-content .wp-block-navigation-item + .wp-block-navigation-item a {
        border-top: none !important; 
    }

    /* Efecto visual al tocar la opción en el celular */
    .wp-block-navigation__responsive-container-content .wp-block-navigation-item a:active {
        background-color: rgba(255, 255, 255, 0.1) !important;
    }
}

/* ==========================================================================
   EFECTO HOVER CON COLOR DORADO Y SUBRAYADO EN MENÚ GENERAL
   ========================================================================== */

/* Cambia el color del texto y añade el subrayado al pasar el cursor (Hover) */
.wp-block-navigation .wp-block-navigation-item a:hover {
    color: #ccb37b !important;               /* Cambia al color dorado corporativo */
    text-decoration: underline !important;   /* Añade la línea de subrayado */
    text-underline-offset: 6px;              /* Separa un poquito la línea del texto para que se vea más limpio */
    text-decoration-thickness: 2px;          /* Grosor elegante para la línea de subrayado */
    transition: color 0.2s ease !important;   /* Transición suave para el cambio de color */
}

/* ==========================================================================
   FORZAR EL BANNER DE LAS CAMIONETAS A PANTALLA COMPLETA REAL (100% WIDE)
   ========================================================================== */
.banner-gigante {
    width: 100vw !important;                /* Fuerza a ocupar el 100% de la pantalla del monitor */
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;          /* Rompe magnéticamente los márgenes del tema hacia la izquierda */
    margin-right: -50vw !important;         /* Rompe magnéticamente los márgenes del tema hacia la derecha */
    padding-left: 0 !important;             /* Limpia rellenos residuales */
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.home .forminator-checkbox-box {
    transform: translateY(14px) !important; 
}

/* 1. Tamaño por defecto para Escritorio (Pantallas mayores a 1400px) */
.imagen-coordenadas {
    width: 30% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* 2. Tamaño para Tablets y Laptops chicas (Pantallas hasta 1400px, incluye tu iPad Pro) */
@media (max-width: 1400px) {
    .imagen-coordenadas {
        width: 65% !important;
    }
}

/* 3. Tamaño para Celulares (Pantallas hasta 668px) */
@media (max-width: 768px) {
    .imagen-coordenadas {
        width: 85% !important;
    }
}

/* margen checkbox home */

.home .forminator-checkbox-box {
    margin-top: -14px !important;
}

.home .forminator-checkbox-label p {
    margin-bottom: 0 !important;
}