/* ═══════════════════════════════════════════════════════════
   CAMINOCABS — THEME DARK (global)
   Se carga DESPUÉS de site.css en todas las páginas interiores.
   Convierte el sistema claro heredado de WordPress al sistema
   oscuro de la home: mismos tokens, misma paleta, mismo ritmo.
   ═══════════════════════════════════════════════════════════ */

/* ── 1. Elementor kit (texto global) ── */
.elementor-kit-9 { color: #eef1fa; }
.elementor-kit-9 h1,
.elementor-kit-9 h2,
.elementor-kit-9 h3,
.elementor-kit-9 h4,
.elementor-kit-9 h5,
.elementor-kit-9 h6 { color: #eef1fa; }
.elementor-kit-9 p { color: #a7b0c9; }
.elementor-kit-9 a { color: #7fb8d0; }
.elementor-kit-9 a:hover { color: #ff6b7d; }

body .elementor-widget-container ul li,
body .elementor-widget-container ol li { color: #a7b0c9; }

/* ── 2. Flip de tokens por página (prefijo body: gana al <style> inline del widget) ── */
body #cc-book, body #cc-fare, body #cc-route, body #cc-post, body #cc-rank,
body #cc-ranks, body #cc-routes, body #cc-plan, body #cc-tram, body #cc-ld,
body #cc-how, body #cc-about, body #cc-driver, body #cc-contact, body #cc-airport,
body #cc-blog, body #cc-home, body #cc-features, body #cc-drivers {
  --bg: #0a1018;
  --surface: #0d1522;
  --surface-alt: #0c131f;
  --card: #101826;
  --border: rgba(255, 255, 255, 0.08);
  --text: #eef1fa;
  --text-2: #a7b0c9;
  --text-muted: #8d96b4;
  --blue: #7fb8d0;
  --blue-dark: #9fd0e4;
  --coral: #ff6b7d;
  --coral-light: #ff8a8f;
  --coral-dark: #c93a52;
  --green: #4ecb6f;
  --green-line: #4ecb6f;
  --red-line: #ff6b7d;
  --green-wa: #15803d;
  --whatsapp: #15803d;
  --whatsapp-dark: #0f5f2e;
  --font-body: 'Space Grotesk', 'Montserrat Alternates', sans-serif;
  --font-display: 'MuseoModerno', sans-serif;
  --gradient-coral: linear-gradient(135deg, #c93a52, #b3354b);
}

body #cc-bus-tracker {
  --camino-bg: #0a1018;
  --camino-surface: #101826;
  --camino-surface-hover: rgba(255, 255, 255, 0.05);
  --camino-card: #101826;
  --camino-border: rgba(255, 255, 255, 0.08);
  --camino-text: #eef1fa;
  --camino-text-secondary: #a7b0c9;
  --camino-text-muted: #8d96b4;
  --camino-blue: #7fb8d0;
  --camino-blue-light: #9fd0e4;
  --camino-blue-dark: #5d96af;
  --camino-coral: #ff6b7d;
  --camino-coral-light: #ff8a8f;
  --font-body: 'Space Grotesk', 'Montserrat Alternates', sans-serif;
  --font-display: 'MuseoModerno', sans-serif;
}

/* ── 3. Excepciones AA: botones/paneles de color con texto blanco ── */
/* Azul de fondo (#3d6d82: 5.66:1 con blanco) */
body #cc-book .cb-way-btn.blue { background: #3d6d82 !important; }
body #cc-book .cb-way-btn.blue:hover { background: #2f5a6d !important; }
body #cc-rank .cf-map-btn { background: #3d6d82; }
body #cc-rank .cf-map-btn:hover { background: #2f5a6d; }

/* Cabeceras de tabla azules */
body #cc-route .rp-table thead th,
body #cc-post .bp-table thead th,
body #cc-airport .ca-fare-table thead th,
body #cc-plan .cp-route-table thead th,
body #cc-fare .cf-tariff-table thead th,
body #cc-fare .cf-examples-table thead th {
  background: #3d6d82;
}

/* Coral de fondo (#c93a52: 4.99:1 con blanco) */
body #cc-driver .cd-coming-soon,
body #cc-driver .cd-price-badge,
body #cc-driver .cd-signal-flow-step .step-num {
  background: #c93a52;
}

/* Verde de fondo (WhatsApp / Luas: #15803d y #1f7a33) */
body #cc-book .cb-way-btn.whatsapp { background: #15803d; }
body #cc-book .cb-way-btn.whatsapp:hover { background: #0f5f2e; }
body #cc-book .cb-way-btn.green { background: #1f7a33; }
body #cc-book .cb-way-btn.green:hover { background: #186028; }
body #cc-ld .ld-hero-wa,
body #cc-ld .ld-card-wa { background: #15803d; }

/* Botón "blanco" (about) → glass oscuro */
body #cc-about .ca-btn-white {
  background: rgba(255, 255, 255, 0.06);
  color: #eef1fa !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
body #cc-about .ca-btn-white:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* ── 4. Sombras oscuras para tarjetas (las claras no se ven en dark) ── */
body #cc-book [class*="card"],
body #cc-about [class*="card"],
body #cc-about [class*="value"],
body #cc-about [class*="option"],
body #cc-book [class*="option"],
body #cc-plan [class*="card"],
body #cc-route [class*="card"],
body #cc-rank [class*="card"],
body #cc-driver [class*="card"] {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}
body #cc-book [class*="card"]:hover,
body #cc-about [class*="card"]:hover,
body #cc-about [class*="value"]:hover,
body #cc-about [class*="option"]:hover,
body #cc-book [class*="option"]:hover,
body #cc-plan [class*="card"]:hover,
body #cc-route [class*="card"]:hover,
body #cc-rank [class*="card"]:hover,
body #cc-driver [class*="card"]:hover {
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.5);
}

/* ── 5. Blog listing (widget de posts Elementor, skin cards) ── */
body .elementor-post__card {
  background: #101826;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}
body .elementor-post__card:hover {
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.5);
}
body .elementor-post__title,
body .elementor-post__title a { color: #eef1fa; }
body .elementor-post__title a:hover { color: #ff6b7d; }
body .elementor-post__badge { background: #c93a52; color: #ffffff; }
body .elementor-post__read-more { color: #7fb8d0; }
body .elementor-post__read-more:hover { color: #ff6b7d; }
body .elementor-pagination .page-numbers,
body .elementor-pagination a { color: #a7b0c9; }
body .elementor-pagination .page-numbers.current { background: #c93a52; color: #ffffff; }

/* ── 6. Formularios (farecalc / contact) ── */
body #cc-fare input,
body #cc-fare select,
body #cc-fare textarea,
body #cc-contact input,
body #cc-contact select,
body #cc-contact textarea {
  background: #0d1522;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #eef1fa;
}
body #cc-fare input::placeholder,
body #cc-contact input::placeholder,
body #cc-contact textarea::placeholder { color: #8d96b4; }
body #cc-fare input:focus,
body #cc-contact input:focus,
body #cc-contact select:focus,
body #cc-contact textarea:focus {
  border-color: #7fb8d0;
  box-shadow: 0 0 0 3px rgba(127, 184, 208, 0.18);
}

/* ── 7. Enlaces genéricos dentro de contenido ── */
body main a:not([class]) { color: #7fb8d0; }
body main a:not([class]):hover { color: #ff6b7d; }

/* ── 8. HR / bordes ── */
body main hr { border-color: rgba(255, 255, 255, 0.08); }

/* ── 9. Google Maps embebido: marco coherente ── */
body #cc-farecalc-map { border: 1px solid rgba(255, 255, 255, 0.08); }