/* =========================================================
   SinPlanesHoy - Degradé header y footer
   Colores extraídos del logo: #272a3d → #1c1e2e
   ========================================================= */

/* ── TOP BAR (barra superior con menú social/fecha) ─────── */
.td-top-menu-full {
    background: linear-gradient(135deg, #272a3d 0%, #1c1e2e 100%) !important;
}


/* ── OCULTAR AD SIDEBAR NATIVO DEL TEMA ─────────────────── */
.td-a-rec-id-sidebar {
    display: none !important;
}

/* ── OCULTAR PLACEHOLDER SIDEBAR (generado por JS cacheado) ─ */
.sph-ad-sidebar-wrap,
.sph-ad-sidebar {
    display: none !important;
}

/* ── MARGEN DERECHO BANNER HEADER ───────────────────────── */
.td-header-sp-rec {
    margin-right: 20px !important;
}

/* ── FONDO DEL BODY VISIBLE A LOS LADOS DEL HEADER ─────── */
/* Quita cualquier fondo oscuro en el wrapper exterior */
#td-outer-wrap,
.td-outer-container {
    background: transparent !important;
}

/* ── HEADER CONTAINER (área logo + publicidad) ───────────── */
/* El fondo oscuro SOLO dentro del contenedor de 1021px */
.td-header-container,
.td-header-style-3 .td-header-container,
.td-header-style-3 .td-header-row.td-header-header {
    background: linear-gradient(135deg, #272a3d 0%, #1c1e2e 100%);
}

/* ── MENÚ DE NAVEGACIÓN ──────────────────────────────────── */
.td-header-main-menu,
.td-header-style-3 .td-header-menu-wrap,
.td-header-style-3 .td-header-menu-wrap .td-header-main-menu {
    background: linear-gradient(135deg, #1c1e2e 0%, #14162a 100%) !important;
}

/* ── FOOTER PRINCIPAL ────────────────────────────────────── */
.td-footer-container {
    background: linear-gradient(135deg, #272a3d 0%, #1c1e2e 100%) !important;
}
/* Necesario para que el ::before no tape el degradé */
.td-footer-container:before {
    background: transparent !important;
}

/* ── SUB-FOOTER (copyright + menú inferior) ──────────────── */
.td-sub-footer-container {
    background: linear-gradient(135deg, #1c1e2e 0%, #14162a 100%);
    color: #aaaaaa !important;
    border-top: 1px solid rgba(255,255,255,0.07);
}
.td-sub-footer-container a,
.td-sub-footer-container .td-subfooter-menu a {
    color: #cccccc !important;
}
.td-sub-footer-container a:hover,
.td-sub-footer-container .td-subfooter-menu a:hover {
    color: #ffffff !important;
}
/* Quita la línea lateral del pseudo-elemento */
.td-sub-footer-container:before {
    background-color: transparent !important;
}

/* ── FONDO DEL LOGO: mimetizar con el header ─────────────── */
.td-header-sp-logo,
.td-header-sp-logo a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* mix-blend-mode: screen hace que los píxeles oscuros del PNG
   se fusionen con el fondo oscuro del header, eliminando el recuadro */
.td-header-sp-logo img {
    mix-blend-mode: screen;
}

/* El row del header tiene un background propio del tema — lo transparentamos */
.td-header-row.td-header-header,
.td-header-row.td-header-top-menu {
    background: transparent !important;
}

/* ── TEXTOS DEL HEADER sobre fondo oscuro ────────────────── */
.td-header-style-3 .td-header-top-menu,
.td-top-menu-full .td_data_time,
.td-top-menu-full .td-icon-font {
    color: #ffffff;
}

/* ── MOBILE: mantener degradé en responsive ──────────────── */
@media (max-width: 767px) {
    .td-header-container {
        background: linear-gradient(135deg, #272a3d 0%, #1c1e2e 100%);
    }
}