/*
Theme Name: Taxi Ebenezer Ultimate
Theme URI: https://taxiebenezer.com
Author: Jeison Cadena - CataXx
Description: Versión 24.0 - Restauración Completa + Header Fix
Version: 24.0
*/

body {
    overflow-x: hidden;
    transition: background-color 0.4s ease, color 0.4s ease;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-body); }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 10px; }

/* ESPACIADO (Ahora sí funcionará porque las variables están en header.php) */
.section-padding { padding-top: var(--spacing-mob); padding-bottom: var(--spacing-mob); }
@media (min-width: 768px) { .section-padding { padding-top: var(--spacing-pc); padding-bottom: var(--spacing-pc); } }

/* GLASSMORPHISM RESTAURADO */
.glass-card, .glass-nav, #mobile-drawer {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--nav-blur));
    -webkit-backdrop-filter: blur(var(--nav-blur));
    border: 1px solid var(--glass-border);
}
.glass-card { border-radius: 32px; transition: all 0.3s ease; }
.glass-nav { background: var(--nav-bg); }

/* Animaciones */
.animate-phone-btn { transform: translateZ(0); }
.animate-phone-btn::before {
    content: ''; position: absolute; inset: 0; border-radius: 50%; z-index: -1;
    animation: var(--phone-ani-name) var(--phone-ani-duration) var(--phone-ani-iter) cubic-bezier(0,0,0.2,1);
}
@keyframes ripple { 0% { transform: scale(1); opacity: 0.7; } 100% { transform: scale(2.5); opacity: 0; } }
@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }

/* Reveal & Safety */
#site-preloader { animation: css-safety-kill 0.5s forwards 4.5s; pointer-events: auto; }
@keyframes css-safety-kill { to { opacity: 0; visibility: hidden; pointer-events: none; } }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal.active { opacity: 1; transform: translateY(0); }

/* Móvil Optimizado (Solo blur ligero) */
@media (max-width: 768px) {
    .glass-card, .glass-nav, #mobile-drawer { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
    #interactive-bg { display: none !important; }
}

.faq-item summary::-webkit-details-marker { display: none; }