/**
 * ============================================================================
 * BASE-STYLES.CSS - Estilos adicionales del tema
 * ============================================================================
 * 
 * Archivo de estilos complementario al style.css principal.
 * Aquí puedes agregar estilos específicos del cliente sin tocar el archivo base.
 * 
 * ✏️ PERSONALIZAR: Agregar estilos custom del cliente aquí
 * 
 * ============================================================================
 */

/* ==========================================================================
   🎨 ESTILOS PERSONALIZADOS DEL CLIENTE
   ========================================================================== */

/* Evitar scroll horizontal indeseado en toda la página */
html, body {
    overflow-x: hidden;
}

/* 
===========================================
FLEXBOX SOLO PARA DESKTOP
===========================================
*/

/* Solo usar flexbox en desktop donde no interfiere con el script viewport-height */
@media (min-width: 769px) {
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
}

/* El contenido principal debe crecer y ocupar el espacio disponible */
#content, .elementor-location-single, .elementor-location-archive {
    flex: 1;
}

/* Mantener el footer siempre abajo */
.elementor-location-footer {
    margin-top: auto;
}

/* Badge reCAPTCHA más arriba */
.grecaptcha-badge {
  bottom: 108px !important;
  z-index: 5;
}

/* ==========================================================================
   📱 MEJORAS RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
    /* Ajustes para móviles */
    .grecaptcha-badge {
    bottom: 96px !important;
  }
}

/* ==========================================================================
   🔧 FIN DEL ARCHIVO
   ========================================================================== */