/**
 * Home: contraste entre fondo y tarjetas (carga al final en index.php).
 */

html[data-theme="light"] .td-app-main .panel-salud-sc__card {
    background: linear-gradient(145deg, #f1f5f9 0%, #ecfdf5 40%, #ccfbe6 100%);
    border-color: #5eead4;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.07),
        0 14px 32px -12px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] .td-app-main .mov-of-sc__card {
    background: linear-gradient(145deg, #f8fafc 0%, #e0edfa 100%);
    border-color: #93c5fd;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.07),
        0 14px 32px -12px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .td-app-main .mov-of-sc__item {
    background: #eef2f7;
    border-color: #cbd5e1;
}

html[data-theme="light"] .td-app-main .rutas-prox-sc__card {
    background: linear-gradient(135deg, #f8fafc 0%, #fff1e0 52%, #ffe4cc 100%);
    border-color: #fdba74;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.07),
        0 14px 32px -12px rgba(15, 23, 42, 0.13);
}

html[data-theme="light"] .td-app-main .proximos-ev-sc__card {
    background: linear-gradient(145deg, #f8fafc 0%, #eff6ff 100%);
    border-color: #bfdbfe;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.07),
        0 14px 32px -12px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .td-app-main .central-em-sc__card {
    background: linear-gradient(145deg, #fffbeb 0%, #fef2f2 100%);
    border-color: #fecaca;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.07),
        0 14px 32px -12px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .td-app-main .muni-svc-sc__card {
    background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);
    border-color: #cbd5e1;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.07),
        0 14px 32px -12px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .td-app-main .funer-sc__card {
    background: linear-gradient(145deg, #f8fafc 0%, #f1f5f9 100%);
    border-color: #cbd5e1;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.07),
        0 14px 32px -12px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .td-app-main .flash-sc__card {
    background: linear-gradient(135deg, #f8fafc 0%, #f0f9ff 55%, #e0f2fe 100%);
    border-color: #7dd3fc;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.07),
        0 14px 32px -12px rgba(15, 23, 42, 0.12);
}

/* Modo oscuro: tarjetas un escalón más oscuras que el fondo */
html[data-theme="dark"] .td-app-main .panel-salud-sc__card {
    background: linear-gradient(145deg, #1a2438 0%, #152032 48%, #101b2e 100%);
    border-color: #3d524d;
    box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .td-app-main .mov-of-sc__card {
    background: linear-gradient(145deg, #1a2438 0%, #152032 100%);
    border-color: #334e6b;
    box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.5);
}

html[data-theme="dark"] .td-app-main .mov-of-sc__item {
    background: #141c2e;
    border-color: #334155;
}

html[data-theme="dark"] .td-app-main .rutas-prox-sc__card {
    background: linear-gradient(135deg, #1c2538 0%, #1a1f2e 55%, #151d2e 100%);
    border-color: #4a3f35;
    box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.52);
}

html[data-theme="dark"] .td-app-main .proximos-ev-sc__card,
html[data-theme="dark"] .td-app-main .central-em-sc__card,
html[data-theme="dark"] .td-app-main .muni-svc-sc__card,
html[data-theme="dark"] .td-app-main .funer-sc__card,
html[data-theme="dark"] .td-app-main .flash-sc__card {
    background: linear-gradient(135deg, #1a2438 0%, #151d2e 58%, #101a2c 100%);
    border-color: #2f3f56;
    box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.52);
}

/* -------------------------------------------------------------------------
   Inicio (última hoja en index): cinta #sports-live-block pegada al header.
   - todoeldia_moderno.css fuerza .pwa-desktop-nav { padding-bottom: 12px } desde 900px.
   - La sombra grande de .pwa-header-root se lee como “banda” clara sobre la cinta negra.
   ------------------------------------------------------------------------- */
body.td-home-live .td-app-main.td-app-main--flush-cinta {
    padding-top: 0 !important;
    margin-top: 24px !important;
}

body.td-home-live .pwa-header .h-meta,
body.td-home-live .pwa-header .h-meta.h-meta--fe-especial {
    padding-bottom: 0 !important;
}

body.td-home-live .pwa-header-root > .pwa-desktop-nav {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (min-width: 900px) {
    body.td-home-live .pwa-header-root > .pwa-desktop-nav {
        padding-bottom: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

body.td-home-live .pwa-header-root {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.82) inset,
        0 3px 8px -6px rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="dark"] body.td-home-live .pwa-header-root {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.06) inset,
        0 3px 10px -6px rgba(0, 0, 0, 0.4) !important;
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    body.td-home-live .pwa-header-root {
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.82) inset,
            0 3px 8px -6px rgba(15, 23, 42, 0.1) !important;
    }

    html[data-theme="dark"] body.td-home-live .pwa-header-root {
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.06) inset,
            0 3px 10px -6px rgba(0, 0, 0, 0.4) !important;
    }
}

body.td-home-live .pwa-header {
    border-bottom: none !important;
}

body.td-home-live #sports-live-block.slb-after-header {
    margin-top: -28px !important;
}