/* Modo oscuro — Destinos (requiere theme-dark-shared.css + icasa-theme-enabled) */
/* No modifica destinos-page.css ni servicios.css */

html[data-theme="dark"] body.page-destinos {
    background: var(--home-dark-bg, #0c1014);
}

html[data-theme="dark"] body.page-destinos .destinos-page {
    --dest-green: #3dd68c;
    --dest-green-dark: #2eb872;
    --dest-green-mid: #4ae09a;
    --dest-green-soft: rgba(61, 214, 140, 0.14);
    --dest-green-glow: rgba(61, 214, 140, 0.25);
    --dest-ink: #e8eef4;
    --dest-body: #c5d0dc;
    --dest-muted: #9eb0c0;
    --dest-line: rgba(255, 255, 255, 0.1);
    --dest-surface: #161d26;
    --dest-canvas: #0c1014;
    --dest-elevated: #1e2833;
}

/* Hero con imagen: tipografía verde ICASA (como modo claro; la foto no cambia) */
html[data-theme="dark"] body.page-destinos .services-hero--video .services-kicker {
    color: #006837;
    text-shadow: none;
}

html[data-theme="dark"] body.page-destinos .services-hero--video .services-title {
    color: #0b1f2f;
    text-shadow: none;
}

html[data-theme="dark"] body.page-destinos .services-hero--video .services-lead {
    color: rgba(17, 24, 39, 0.88);
    text-shadow: none;
}

html[data-theme="dark"] body.page-destinos .services-hero--video .services-lead p,
html[data-theme="dark"] body.page-destinos .services-hero--video .services-lead div {
    color: inherit;
}

/* Hero sin imagen */
html[data-theme="dark"] body.page-destinos .services-hero--static .services-hero__frame {
    background: linear-gradient(180deg, var(--dest-elevated) 0%, var(--dest-canvas) 100%);
}

html[data-theme="dark"] body.page-destinos .destinos-hero__scroll-btn {
    background: var(--dest-surface);
    color: var(--dest-green);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body.page-destinos .destinos-hero__scroll-btn:hover {
    background: var(--dest-elevated);
    color: var(--dest-green-mid);
}

html[data-theme="dark"] body.page-destinos .destinos-hero__banner.services-hero__frame {
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.4);
}

/* Explorador mapa */
html[data-theme="dark"] body.page-destinos .destinos-page__explorer-bg {
    background:
        radial-gradient(ellipse 80% 50% at 10% -10%, rgba(61, 214, 140, 0.1) 0%, transparent 55%),
        radial-gradient(ellipse 60% 40% at 95% 20%, rgba(61, 214, 140, 0.06) 0%, transparent 50%),
        linear-gradient(180deg, var(--dest-canvas) 0%, var(--dest-elevated) 100%);
}

html[data-theme="dark"] body.page-destinos .destinos-page__eyebrow {
    background: rgba(61, 214, 140, 0.12);
    border-color: rgba(61, 214, 140, 0.22);
    color: var(--dest-green);
}

html[data-theme="dark"] body.page-destinos .destinos-page__scope {
    background: var(--dest-surface);
    border-color: var(--dest-line);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] body.page-destinos .destinos-page__scope-btn:hover {
    background: rgba(61, 214, 140, 0.08);
    border-color: rgba(61, 214, 140, 0.2);
}

html[data-theme="dark"] body.page-destinos .destinos-page__scope-icon {
    background: rgba(61, 214, 140, 0.12);
    color: var(--dest-green);
}

html[data-theme="dark"] body.page-destinos .destinos-page__map-badge {
    color: var(--dest-ink);
    background: rgba(22, 29, 38, 0.92);
    border-color: var(--dest-line);
}

html[data-theme="dark"] body.page-destinos .destinos-page__map {
    background: #121820;
}

html[data-theme="dark"] body.page-destinos .destinos-page__map-placeholder {
    background: linear-gradient(160deg, var(--dest-elevated) 0%, #121820 100%);
}

html[data-theme="dark"] body.page-destinos .destinos-page__map-placeholder-icon {
    background: rgba(61, 214, 140, 0.12);
    color: var(--dest-green);
}

html[data-theme="dark"] body.page-destinos .destinos-page__map-hint {
    background: rgba(22, 29, 38, 0.85);
    border-color: var(--dest-line);
}

html[data-theme="dark"] body.page-destinos .destinos-page__map-hint kbd {
    background: var(--dest-surface);
    border-color: var(--dest-line);
    color: var(--dest-body);
}

/* Sidebar */
html[data-theme="dark"] body.page-destinos .destinos-page__sidebar-card {
    background: var(--dest-surface);
    border-color: var(--dest-line);
}

html[data-theme="dark"] body.page-destinos .destinos-page__sidebar-head {
    background: linear-gradient(180deg, rgba(61, 214, 140, 0.1) 0%, var(--dest-surface) 100%);
    border-bottom-color: var(--dest-line);
}

html[data-theme="dark"] body.page-destinos .destinos-page__accordion .accordion-collapse {
    background: var(--dest-elevated);
}

html[data-theme="dark"] body.page-destinos .destinos-page__acc-btn {
    background: var(--dest-surface) !important;
    color: var(--dest-ink) !important;
}

html[data-theme="dark"] body.page-destinos .destinos-page__acc-btn:not(.collapsed) {
    background: rgba(61, 214, 140, 0.12) !important;
}

html[data-theme="dark"] body.page-destinos .destinos-page__acc-icon {
    background: rgba(61, 214, 140, 0.12);
}

html[data-theme="dark"] body.page-destinos .destinos-page__acc-icon--conexion {
    background: rgba(255, 255, 255, 0.06);
    color: var(--dest-body);
}

html[data-theme="dark"] body.page-destinos .destinos-page__dest-card {
    background: var(--dest-surface);
}

html[data-theme="dark"] body.page-destinos .destinos-page__dest-card:hover {
    background: var(--dest-elevated);
    border-color: rgba(61, 214, 140, 0.25);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] body.page-destinos .destinos-page__dest-card.is-active {
    background: linear-gradient(95deg, rgba(61, 214, 140, 0.14) 0%, var(--dest-surface) 100%);
    border-color: var(--dest-green-mid);
}

/* Popup del mapa (Google): siempre texto oscuro sobre fondo blanco */
html[data-theme="dark"] body.page-destinos .destinos-page__map .gm-style-iw,
html[data-theme="dark"] body.page-destinos .destinos-page__map .gm-style-iw-c,
html[data-theme="dark"] body.page-destinos .destinos-page__map .gm-style-iw-d {
    color-scheme: light !important;
}

html[data-theme="dark"] body.page-destinos .destinos-gmap-iw {
    color: #334155 !important;
    color-scheme: light;
}

html[data-theme="dark"] body.page-destinos .destinos-gmap-iw strong {
    color: #0f172a !important;
}

html[data-theme="dark"] body.page-destinos .destinos-gmap-iw__desc {
    color: #64748b !important;
}

html[data-theme="dark"] body.page-destinos .destinos-gmap-iw__link {
    border-top-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="dark"] body.page-destinos .destinos-gmap-iw__link a {
    color: #006837 !important;
}