/* ═══════════════════════════════════════════════════════════════
   landing-pages-dark.css
   Dark mode para todas las landing pages de destinos (guías)
   Scoped bajo .dark-premium — no afecta sin la clase
   Paleta: #0a0a0a base · #1e1c1a cards · #c4a882 dorado
   ═══════════════════════════════════════════════════════════════ */


/* ═══ 0. BASE & LANDING PAGE CONTAINER ═══ */
.dark-premium .landing-page {
    background-color: #0a0a0a !important;
    color: #f0f0f0 !important;
}

.dark-premium main.landing-page {
    background: #0a0a0a !important;
}


/* ═══ 1. HERO (pmi-transfer: #pmi-hero) ═══ */
/* El hero tiene imagen de fondo — overlay ya oscurece, OK en dark */
.dark-premium .pmi-hero-cta-primary {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}

.dark-premium .pmi-hero-cta-secondary {
    border-color: rgba(196,168,130,0.5) !important;
    color: #f0f0f0 !important;
}

.dark-premium .pmi-hero-cta-secondary:hover {
    background: rgba(196,168,130,0.15) !important;
}

.dark-premium .pmi-hero-accent {
    background: #c4a882 !important;
}


/* ═══ 1b. HERO V2 (pmi-alcudia: editorial sin CTAs) ═══ */
.dark-premium .hero-v2__badge {
    background: rgba(30,28,26,0.9) !important;
    color: #c4a882 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}


/* ═══ 2. BREADCRUMBS ═══ */
.dark-premium .pmi-breadcrumbs-section {
    background: #111111 !important;
}

.dark-premium .crumbs,
.dark-premium .crumbs a,
.dark-premium .crumbs span,
.dark-premium .crumbs svg {
    color: #98989d !important;
}

.dark-premium .crumbs a:hover {
    color: #c4a882 !important;
}

.dark-premium .pmi-lead-text,
.dark-premium .pmi-lead-text p {
    color: #b0b0b0 !important;
}


/* ═══ 3. INTRO (bg-white sections) ═══ */
.dark-premium section.bg-white,
.dark-premium section[class*="bg-white"] {
    background: #0a0a0a !important;
}

.dark-premium .prose,
.dark-premium .prose p,
.dark-premium .prose h2,
.dark-premium .prose h3,
.dark-premium .prose li,
.dark-premium .prose strong {
    color: #e0dcd7 !important;
}

.dark-premium .prose a {
    color: #d4b892 !important;
}


/* ═══ 4. TRAYECTO (pmi-transfer) ═══ */
.dark-premium .pmi-trayecto {
    background: #111111 !important;
}

.dark-premium .pmi-trayecto__container {
    background: transparent !important;
}

.dark-premium .pmi-trayecto__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-trayecto__card {
    background: #1e1c1a !important;
    border: 1px solid rgba(196,168,130,0.12) !important;
}

.dark-premium .pmi-trayecto__icon-wrapper {
    background: rgba(196,168,130,0.1) !important;
}

.dark-premium .pmi-trayecto__card-title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-trayecto__card-value {
    color: #c4a882 !important;
}

.dark-premium .pmi-trayecto__card-note {
    color: #98989d !important;
}

.dark-premium .pmi-trayecto__nota {
    background: rgba(196,168,130,0.08) !important;
    border-color: rgba(196,168,130,0.2) !important;
}

.dark-premium .pmi-trayecto__nota-content,
.dark-premium .pmi-trayecto__nota-content span {
    color: #b0b0b0 !important;
}

.dark-premium .pmi-trayecto__nota-icon {
    color: #c4a882 !important;
}


/* ═══ 4b. RUTA (pmi-alcudia — inline styles) ═══ */
.dark-premium .pmi-ruta {
    background: linear-gradient(180deg, #111111 0%, #0f0e0d 50%, #0a0a0a 100%) !important;
}

.dark-premium .pmi-ruta__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-ruta__icon-box {
    background: #c4a882 !important;
}

.dark-premium .pmi-ruta__card {
    background: #1e1c1a !important;
    border-color: rgba(196,168,130,0.12) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
}

.dark-premium .pmi-ruta__card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

.dark-premium .pmi-ruta__card-label {
    color: #98989d !important;
}

.dark-premium .pmi-ruta__card-value {
    color: #f0f0f0 !important;
}

/* Icon backgrounds — dark muted versions */
.dark-premium .pmi-ruta__card-icon--route {
    background: rgba(37,99,235,0.15) !important;
}
.dark-premium .pmi-ruta__card-icon--distance {
    background: rgba(217,119,6,0.15) !important;
}
.dark-premium .pmi-ruta__card-icon--time {
    background: rgba(5,150,105,0.15) !important;
}
.dark-premium .pmi-ruta__card-icon--free {
    background: rgba(124,58,237,0.15) !important;
}

/* Tip box */
.dark-premium .pmi-ruta__tip {
    background: rgba(196,168,130,0.08) !important;
    border-color: rgba(196,168,130,0.25) !important;
}

.dark-premium .pmi-ruta__tip-icon {
    color: #c4a882 !important;
}

.dark-premium .pmi-ruta__tip-label {
    color: #c4a882 !important;
}

.dark-premium .pmi-ruta__tip-text {
    color: #b0b0b0 !important;
}

/* CTAs */
.dark-premium .pmi-ruta__cta--primary {
    background: #c4a882 !important;
    color: #0a0a0a !important;
    box-shadow: 0 4px 14px rgba(196,168,130,0.25) !important;
}

.dark-premium .pmi-ruta__cta--primary:hover {
    background: #d4b892 !important;
    box-shadow: 0 6px 20px rgba(196,168,130,0.35) !important;
}

.dark-premium .pmi-ruta__cta--secondary {
    background: #1e1c1a !important;
    color: #f0f0f0 !important;
    border-color: #38383a !important;
}

.dark-premium .pmi-ruta__cta--secondary:hover {
    border-color: #c4a882 !important;
    color: #c4a882 !important;
    background: rgba(196,168,130,0.08) !important;
}

/* Map badge */
.dark-premium .pmi-ruta__map-badge {
    background: rgba(30,28,26,0.9) !important;
    color: #f0f0f0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

.dark-premium .pmi-ruta__map-dot {
    background: #c4a882 !important;
}


/* ═══ 5. MAPA (pmi-transfer — bg-gradient section) ═══ */
.dark-premium section[class*="from-blue-50"] {
    background: #111111 !important;
}

.dark-premium .landing-page .bg-gradient-to-br {
    background: #111111 !important;
}

/* Map bullets */
.dark-premium .landing-page .flex.items-start.gap-4.bg-white {
    background: #1e1c1a !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
    border: 1px solid rgba(196,168,130,0.1) !important;
}

.dark-premium .landing-page .flex.items-start.gap-4.bg-white:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

.dark-premium .landing-page .flex.items-start.gap-4.bg-white p {
    color: #e0dcd7 !important;
}

/* Map icon box & heading */
.dark-premium .landing-page .w-12.h-12.bg-blue-600 {
    background: #c4a882 !important;
}

/* Map image overlay badge */
.dark-premium .landing-page .bg-white\/95 {
    background: rgba(30,28,26,0.9) !important;
}

.dark-premium .landing-page .bg-white\/95 span {
    color: #f0f0f0 !important;
}

/* Map CTA buttons (inline styles — need !important) */
.dark-premium .landing-page a[style*="background: #2563eb"] {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}

.dark-premium .landing-page a[style*="background: white"] {
    background: #1e1c1a !important;
    color: #f0f0f0 !important;
    border-color: #38383a !important;
}


/* ═══ 6. COMPARATIVA TABLE ═══ */
.dark-premium .pmi-comparativa {
    background: #0a0a0a !important;
}

.dark-premium .pmi-comparativa__container {
    background: transparent !important;
}

.dark-premium .pmi-comparativa__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-comparativa__table {
    border-color: #38383a !important;
}

.dark-premium .pmi-comparativa__table thead th {
    border-color: #38383a !important;
}

/* Override inline bg on th */
.dark-premium .pmi-comparativa__table thead th[style*="background: #2563eb"] {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}

.dark-premium .pmi-comparativa__table thead th[style*="background: #374151"] {
    background: #2c2c2e !important;
    color: #f0f0f0 !important;
}

.dark-premium .pmi-comparativa__table tbody td {
    color: #e0dcd7 !important;
    border-color: #38383a !important;
    background: #1e1c1a !important;
}

/* Cabbik column highlight */
.dark-premium .pmi-comparativa__table tbody td[style*="background: #eff6ff"] {
    background: rgba(196,168,130,0.08) !important;
}

.dark-premium .pmi-comparativa__cta-button {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}


/* ═══ 7. CASOS DE USO ═══ */
.dark-premium .landing-page .bg-gray-50 {
    background: #1e1c1a !important;
}

.dark-premium .landing-page .bg-gray-50:hover,
.dark-premium .landing-page .hover\:bg-blue-50:hover {
    background: rgba(196,168,130,0.08) !important;
}

.dark-premium .pmi-icon-box {
    background: rgba(196,168,130,0.12) !important;
}

/* Tailwind text overrides */
.dark-premium .landing-page .text-gray-800,
.dark-premium .landing-page .text-gray-900 {
    color: #f0f0f0 !important;
}

.dark-premium .landing-page .text-gray-700 {
    color: #e0dcd7 !important;
}

.dark-premium .landing-page .text-gray-600 {
    color: #b0b0b0 !important;
}

.dark-premium .landing-page .text-neutral-700 {
    color: #b0b0b0 !important;
}


/* ═══ 8. CÓMO FUNCIONA ═══ */
.dark-premium .pmi-como-funciona {
    background: #111111 !important;
}

.dark-premium .pmi-como-funciona__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-como-funciona__subtitle {
    color: #98989d !important;
}

.dark-premium .pmi-como-funciona__step-number {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}

.dark-premium .pmi-como-funciona__step-title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-como-funciona__step-desc {
    color: #b0b0b0 !important;
}


/* ═══ 9. REASONS ═══ */
.dark-premium .pmi-card {
    background: #1e1c1a !important;
    border: 1px solid rgba(196,168,130,0.12) !important;
}

.dark-premium .pmi-card h3 {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-card p {
    color: #b0b0b0 !important;
}


/* ═══ 10. INFO DESTINO ═══ */
.dark-premium .pmi-info-destino {
    background: #0a0a0a !important;
}

.dark-premium .pmi-info-destino__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-info-destino__card {
    background: #1e1c1a !important;
    border-color: rgba(196,168,130,0.12) !important;
}

.dark-premium .pmi-info-destino__icon-wrapper {
    background: rgba(196,168,130,0.1) !important;
}

.dark-premium .pmi-info-destino__icon {
    color: #c4a882 !important;
}

.dark-premium .pmi-info-destino__card-title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-info-destino__card-content,
.dark-premium .pmi-info-destino__card-content p {
    color: #b0b0b0 !important;
}


/* ═══ 11. MEJOR ÉPOCA ═══ */
/* Cards have inline style="background: color" — override with attribute selector */
.dark-premium .landing-page .rounded-xl[style*="background:"] {
    background: #1e1c1a !important;
    border: 1px solid rgba(196,168,130,0.12) !important;
}

.dark-premium .landing-page .rounded-xl[style*="background:"] h3 {
    color: #f0f0f0 !important;
}

.dark-premium .landing-page .rounded-xl[style*="background:"] p {
    color: #b0b0b0 !important;
}

.dark-premium .landing-page .rounded-xl[style*="background:"] .text-sm {
    color: #98989d !important;
}


/* ═══ 12. PDIs (PUNTOS DE INTERÉS) ═══ */
.dark-premium section[class*="from-gray-50"][class*="to-blue-50"] {
    background: #111111 !important;
}

.dark-premium .landing-page .bg-gradient-to-br.from-gray-50 {
    background: #111111 !important;
}

/* PDI cards */
.dark-premium .landing-page .bg-white.rounded-2xl {
    background: #1e1c1a !important;
    border: 1px solid rgba(196,168,130,0.12) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

/* PDI card text */
.dark-premium .landing-page .bg-white.rounded-2xl .text-gray-900,
.dark-premium .landing-page .bg-white.rounded-2xl h3 {
    color: #f0f0f0 !important;
}

.dark-premium .landing-page .bg-white.rounded-2xl .text-gray-600,
.dark-premium .landing-page .bg-white.rounded-2xl p {
    color: #b0b0b0 !important;
}

/* PDI hover → gold instead of blue */
.dark-premium .landing-page .group-hover\:text-blue-600:hover,
.dark-premium .landing-page .group:hover .group-hover\:text-blue-600 {
    color: #c4a882 !important;
}

/* PDI badge (emoji + tipo) */
.dark-premium .landing-page .bg-white.backdrop-blur-md {
    background: rgba(30,28,26,0.9) !important;
    border-color: #38383a !important;
}

.dark-premium .landing-page .bg-white.backdrop-blur-md .text-gray-800 {
    color: #f0f0f0 !important;
}

/* PDI no-image fallback */
.dark-premium .landing-page .bg-gray-200 {
    background: #2c2c2e !important;
}

/* PDI lightbox */
.dark-premium .pmi-pdis__lightbox-content {
    background: #1e1c1a !important;
}

.dark-premium .pmi-pdis__lightbox-title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-pdis__lightbox-desc {
    color: #b0b0b0 !important;
}

/* PDI section title */
.dark-premium .landing-page .text-3xl.text-gray-900 {
    color: #f0f0f0 !important;
}

.dark-premium .landing-page .text-lg.text-gray-600 {
    color: #98989d !important;
}


/* ═══ 13. TIPS SECRETOS ═══ */
.dark-premium .pmi-tips-secretos {
    background: #111111 !important;
}

.dark-premium .pmi-tips-secretos__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-tips-secretos__subtitle {
    color: #98989d !important;
}

.dark-premium .pmi-tips-secretos__badge {
    background: rgba(196,168,130,0.12) !important;
    color: #c4a882 !important;
}

.dark-premium .pmi-tips-secretos__card {
    background: #1e1c1a !important;
    border: 1px solid rgba(196,168,130,0.12) !important;
}

.dark-premium .pmi-tips-secretos__card-title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-tips-secretos__card-desc {
    color: #b0b0b0 !important;
}

/* CABBIK watermark in tips */
.dark-premium .pmi-tips-secretos__card div[style*="color: #374151"] {
    color: #636366 !important;
}

/* Footer "Fuente: Cabbik.com" */
.dark-premium .pmi-tips-secretos__card div[style*="border-top: 1px solid"] {
    border-top-color: rgba(196,168,130,0.15) !important;
    color: #636366 !important;
}

/* Tip extra box */
.dark-premium .landing-page .bg-white.dark\:bg-gray-900 {
    background: #1e1c1a !important;
    border-color: rgba(196,168,130,0.2) !important;
}

.dark-premium .landing-page .bg-blue-100 {
    background: rgba(196,168,130,0.12) !important;
    color: #c4a882 !important;
}

.dark-premium .landing-page .text-blue-800 {
    color: #c4a882 !important;
}


/* ═══ 14. PRECIOS ═══ */
.dark-premium .pmi-precios {
    background: #0a0a0a !important;
}

.dark-premium .pmi-precios__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-precios__subtitle {
    color: #98989d !important;
}

/* Grid: centrar cuando hay 1 sola card */
.dark-premium .pmi-precios__grid {
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.dark-premium .pmi-precios__card {
    background: linear-gradient(165deg, #1e1c1a 0%, #171614 100%) !important;
    border: 1px solid rgba(196,168,130,0.2) !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(196,168,130,0.06) !important;
    padding: 2.5rem 2rem !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.dark-premium .pmi-precios__card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(196,168,130,0.15) !important;
}

.dark-premium .pmi-precios__card--popular {
    border-color: rgba(196,168,130,0.35) !important;
}

.dark-premium .pmi-precios__popular-badge {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}

.dark-premium .pmi-precios__card-name {
    color: #f0f0f0 !important;
    font-size: 1.5rem !important;
}

.dark-premium .pmi-precios__card-vehicle {
    color: #98989d !important;
}

/* Imagen del coche */
.dark-premium .pmi-precios__card-image-wrapper img {
    max-height: 140px !important;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5)) !important;
}

.dark-premium .pmi-precios__price-from {
    color: #98989d !important;
}

.dark-premium .pmi-precios__price-amount {
    color: #c4a882 !important;
    font-size: 2.5rem !important;
}

.dark-premium .pmi-precios__price-capacity {
    color: #98989d !important;
}

/* Features list — alinear a la izquierda dentro de card centrada */
.dark-premium .pmi-precios__features-list {
    text-align: left !important;
    max-width: 320px !important;
    margin: 1.5rem auto !important;
}

.dark-premium .pmi-precios__feature-item {
    color: #b0b0b0 !important;
    padding: 0.35rem 0 !important;
}

.dark-premium .pmi-precios__feature-icon {
    color: #c4a882 !important;
}

.dark-premium .pmi-precios__feature-text {
    color: #b0b0b0 !important;
}

/* CTA button premium */
.dark-premium .pmi-precios__cta-button {
    background: linear-gradient(135deg, #c4a882 0%, #b89b73 100%) !important;
    color: #0a0a0a !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    padding: 1rem 2rem !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(196,168,130,0.25) !important;
}

.dark-premium .pmi-precios__cta-button:hover {
    background: linear-gradient(135deg, #d4b892 0%, #c4a882 100%) !important;
    box-shadow: 0 6px 24px rgba(196,168,130,0.35) !important;
    transform: translateY(-1px) !important;
}

.dark-premium .pmi-precios__cta-button--popular {
    background: linear-gradient(135deg, #d4b892 0%, #c4a882 100%) !important;
}


/* ═══ 15. FAQs ═══ */
.dark-premium #pmi-faqs {
    background: #0a0a0a !important;
}

.dark-premium .pmi-faqs__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-faqs__accent-bar {
    background: #c4a882 !important;
}

.dark-premium .pmi-faq-item {
    background: #1e1c1a !important;
    border-color: rgba(196,168,130,0.12) !important;
}

.dark-premium .pmi-faq-summary {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-faq-question-text {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-faq-question-icon {
    color: #c4a882 !important;
}

.dark-premium .pmi-faq-chevron {
    color: #98989d !important;
}

.dark-premium .pmi-faq-answer {
    color: #b0b0b0 !important;
}

.dark-premium .pmi-faq-answer a {
    color: #d4b892 !important;
}


/* ═══ 16. CTA FINAL ═══ */
.dark-premium .pmi-cta-final {
    background: #111111 !important;
}

.dark-premium .pmi-cta-final__background-pattern {
    opacity: 0.03 !important;
}

.dark-premium .pmi-cta-final__gradient-overlay {
    background: linear-gradient(135deg, rgba(196,168,130,0.05) 0%, rgba(10,10,10,0.9) 100%) !important;
}

.dark-premium .pmi-cta-final__badge {
    background: rgba(196,168,130,0.12) !important;
    color: #c4a882 !important;
}

.dark-premium .pmi-cta-final__badge-icon {
    color: #c4a882 !important;
}

.dark-premium .pmi-cta-final__badge-text {
    color: #c4a882 !important;
}

.dark-premium .pmi-cta-final__title {
    color: #f0f0f0 !important;
}

.dark-premium .pmi-cta-final__subtitle {
    color: #b0b0b0 !important;
}

.dark-premium .pmi-cta-final__button {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}

.dark-premium .pmi-cta-final__button:hover {
    background: #d4b892 !important;
}

.dark-premium .pmi-cta-final__button-text {
    color: #0a0a0a !important;
}

.dark-premium .pmi-cta-final__button-icon {
    color: #0a0a0a !important;
    stroke: #0a0a0a !important;
}


/* ═══ 17. TRASLADO INFO — .trs sections (pmi-alcudia) ═══ */
.dark-premium .trs {
    background: #0a0a0a !important;
}

.dark-premium .trs--alt {
    background: #111111 !important;
}

.dark-premium .trs__title {
    color: #f0f0f0 !important;
}

.dark-premium .trs__subtitle {
    color: #98989d !important;
}

/* Cards apiladas */
.dark-premium .trs__card {
    background: #1e1c1a !important;
    border-color: rgba(196,168,130,0.12) !important;
}

.dark-premium .trs__card-title {
    color: #f0f0f0 !important;
}

.dark-premium .trs__card-text {
    color: #b0b0b0 !important;
}

/* Nota honestidad */
.dark-premium .trs__nota {
    background: rgba(196,168,130,0.08) !important;
    border-color: rgba(196,168,130,0.25) !important;
}

.dark-premium .trs__nota-text {
    color: #b0b0b0 !important;
}

.dark-premium .trs__nota-text strong {
    color: #c4a882 !important;
}

/* Timeline */
.dark-premium .trs__step::before {
    background: #38383a !important;
}

.dark-premium .trs__step-num {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}

.dark-premium .trs__step-title {
    color: #f0f0f0 !important;
}

.dark-premium .trs__step-text {
    color: #98989d !important;
}

/* Benefits */
.dark-premium .trs__benefits {
    background: #1e1c1a !important;
    border-color: rgba(196,168,130,0.12) !important;
}

.dark-premium .trs__benefits li {
    color: #b0b0b0 !important;
}


/* ═══ 18. COMPARATIVA TRANSPORTE (partial) ═══ */
.dark-premium .comparativa-transporte,
.dark-premium [class*="comparativa-transporte"] {
    background: #0a0a0a !important;
}


/* ═══ 19. ESTÁNDARES ═══ */
.dark-premium .pmi-estandares {
    background: #111111 !important;
}


/* ═══ 20. PANELS DINÁMICOS (gastronomy, hotels, dulces, tips, pdis) ═══ */
/* These are partials — general dark treatment */
.dark-premium .panel-section,
.dark-premium [class*="panel-"] {
    background: #0a0a0a !important;
}


/* ═══ 21. FLOTA (partial) ═══ */
.dark-premium .flota-section,
.dark-premium [class*="flota"] {
    background: #0a0a0a !important;
}


/* ═══ 22. HEADER & LOGO & FOOTER ═══ */
.dark-premium header {
    background: rgba(10,10,10,0.95) !important;
    backdrop-filter: blur(12px) !important;
}

/* Logo — SVG con fill="#050505", invertir a blanco */
.dark-premium header svg path,
.dark-premium header svg polygon,
.dark-premium header svg rect {
    fill: #f0f0f0 !important;
}

/* Fallback si alguna ruta usa img en vez de SVG */
.dark-premium header img[alt*="logo" i],
.dark-premium header img[alt*="cabbik" i],
.dark-premium header img[src*="logo"],
.dark-premium header .logo img,
.dark-premium header a img {
    filter: brightness(0) invert(1) !important;
}

.dark-premium header nav a,
.dark-premium header nav span {
    color: #f0f0f0 !important;
}

/* Hamburguesa mobile */
.dark-premium #hamburgerIcon div {
    border-color: #f0f0f0 !important;
}

.dark-premium footer {
    background: #111111 !important;
}


/* ═══ 23. GLOBAL TAILWIND OVERRIDES (scoped to landing-page) ═══ */

/* Backgrounds */
.dark-premium .landing-page .bg-white {
    background-color: #0a0a0a !important;
}

.dark-premium .landing-page .bg-gray-50 {
    background-color: #141211 !important;
}

.dark-premium .landing-page .bg-blue-50 {
    background-color: rgba(196,168,130,0.05) !important;
}

.dark-premium .landing-page .bg-green-100 {
    background-color: rgba(196,168,130,0.1) !important;
}

/* Text */
.dark-premium .landing-page .text-gray-800 {
    color: #f0f0f0 !important;
}

.dark-premium .landing-page .text-gray-900 {
    color: #f0f0f0 !important;
}

.dark-premium .landing-page .text-gray-700 {
    color: #e0dcd7 !important;
}

.dark-premium .landing-page .text-gray-600 {
    color: #b0b0b0 !important;
}

.dark-premium .landing-page .text-neutral-700 {
    color: #b0b0b0 !important;
}

/* Blue → Gold accent */
.dark-premium .landing-page .text-blue-600 {
    color: #c4a882 !important;
}

.dark-premium .landing-page .text-blue-800 {
    color: #c4a882 !important;
}

.dark-premium .landing-page .bg-blue-600 {
    background-color: #c4a882 !important;
}

.dark-premium .landing-page .bg-blue-100 {
    background-color: rgba(196,168,130,0.12) !important;
}

/* Orange accent → gold */
.dark-premium .landing-page .text-orange-600 {
    color: #c4a882 !important;
}

.dark-premium .landing-page .bg-orange-500 {
    background-color: #c4a882 !important;
}

/* Borders */
.dark-premium .landing-page .border-gray-200,
.dark-premium .landing-page .border-blue-200 {
    border-color: #38383a !important;
}

/* Shadows — reduce glow in dark */
.dark-premium .landing-page .shadow-sm {
    box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

.dark-premium .landing-page .shadow-md {
    box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
}

.dark-premium .landing-page .shadow-lg {
    box-shadow: 0 8px 16px rgba(0,0,0,0.3) !important;
}

.dark-premium .landing-page .shadow-xl {
    box-shadow: 0 12px 24px rgba(0,0,0,0.3) !important;
}

.dark-premium .landing-page .shadow-2xl {
    box-shadow: 0 20px 40px rgba(0,0,0,0.4) !important;
}


/* ═══ 24. INLINE STYLE OVERRIDES (attribute selectors) ═══ */
/* Trayecto icon wrappers with inline gradient backgrounds */
.dark-premium .pmi-trayecto__icon-wrapper[style*="linear-gradient"] {
    background: rgba(196,168,130,0.1) !important;
}

/* Trayecto values with inline colors */
.dark-premium .pmi-trayecto__card-value[style*="color:"] {
    color: #c4a882 !important;
}

/* Map section blue icon box */
.dark-premium .landing-page div[style*="background: #2563eb"] {
    background: #c4a882 !important;
}

/* Comparativa table inline styles */
.dark-premium .landing-page th[style*="background: #2563eb"] {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}

.dark-premium .landing-page th[style*="background: #374151"] {
    background: #2c2c2e !important;
    color: #f0f0f0 !important;
}

.dark-premium .landing-page td[style*="background: #eff6ff"] {
    background: rgba(196,168,130,0.08) !important;
}

/* Mejor Epoca cards with inline background */
.dark-premium .landing-page div[style*="background:"][class*="rounded-xl"] {
    background: #1e1c1a !important;
}

/* PDI icon-box inline gradient */
.dark-premium .landing-page .pmi-icon-box[style*="linear-gradient"] {
    background: rgba(196,168,130,0.12) !important;
}

/* Tips border-top inline */
.dark-premium .landing-page div[style*="border-top: 1px solid rgba(0,0,0"] {
    border-top-color: rgba(196,168,130,0.15) !important;
}

/* Red badge in tips */
.dark-premium .landing-page .bg-red-500 {
    background: #c4a882 !important;
    color: #0a0a0a !important;
}


/* ═══ 25. LANGUAGE SELECTOR DROPDOWN ═══ */
.dark-premium header nav ul li:last-child ul,
.dark-premium header nav li ul[class],
.dark-premium header .grid.grid-cols-2 {
    background: #1e1c1a !important;
    border: 1px solid #38383a !important;
}
.dark-premium header nav ul li:last-child ul a,
.dark-premium header nav li ul a,
.dark-premium header .grid.grid-cols-2 a {
    color: #f0f0f0 !important;
}
.dark-premium header nav ul li:last-child ul a:hover,
.dark-premium header nav li ul a:hover,
.dark-premium header .grid.grid-cols-2 a:hover {
    background: #2c2c2e !important;
}


/* ═══ 26. ANIMATIONS — reduce motion for dark elegance ═══ */
.dark-premium .landing-page .animate-pulse {
    animation-duration: 3s;
}


/* ═══ 27. PRINT — revert to light ═══ */
@media print {
    .dark-premium .landing-page {
        background: white !important;
        color: black !important;
    }
}