/*
Theme Name: Zona Desconocida
Description: Tema editorial Zona Desconocida.
Version: 1.0
*/

/* ==========================================================
   VARIABLES Y RESET
========================================================== */

:root{
    --zd-bg:#08090a;
    --zd-panel:#111111;
    --zd-panel-2:#151515;
    --zd-text:#eee7da;
    --zd-muted:#8f887d;
    --zd-gold:#b68a3a;
    --zd-border:#31291d;
}

*{
    box-sizing:border-box;
}

html,
body{
    margin:0;
    padding:0;
    background:var(--zd-bg);
    color:var(--zd-text);
    font-family:Arial, Helvetica, sans-serif;
}

img{
    display:block;
    max-width:100%;
    height:auto;
}

a{
    color:inherit;
    text-decoration:none;
}

#zd-site{
    width:100%;
    overflow:hidden;
}

.zd-container{
    width:min(1400px, calc(100% - 80px));
    margin:0 auto;
}

/* ==========================================================
   HEADER
========================================================== */

#zd-header{
    width:100%;
    background:#0d0e10;
    border-bottom:1px solid #292929;
}

.zd-header-inner{
    width:min(1400px, calc(100% - 80px));
    min-height:100px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.zd-logo img{
    width:auto;
    max-height:72px;
}

.zd-navigation ul{
    display:flex;
    align-items:center;
    gap:30px;
    margin:0;
    padding:0;
    list-style:none;
}

.zd-navigation a{
    color:var(--zd-text);
    font-size:14px;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.zd-navigation a:hover,
.zd-navigation .current-menu-item > a{
    color:var(--zd-gold);
}

/* ==========================================================
   HOME
========================================================== */

.zd-home{
    width:100%;
}

/* ==========================================================
   HERO
========================================================== */

.zd-hero{
    position:relative;
    min-height:620px;
    overflow:hidden;
    background:#08090a;
}

.zd-hero-bg{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(4,5,6,.90) 0%, rgba(4,5,6,.48) 48%, rgba(4,5,6,.80) 100%),
        url("assets/images/hero.jpg") center center / cover no-repeat;
}

.zd-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.76));
}

.zd-hero-content{
    position:relative;
    z-index:2;
    min-height:620px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

.zd-hero-copy{
    width:55%;
    max-width:700px;
    padding:70px 0;
}

.zd-kicker{
    display:block;
    margin-bottom:24px;
    color:var(--zd-gold);
    font-size:12px;
    letter-spacing:1.6px;
    text-transform:uppercase;
}

.zd-hero h1{
    margin:0;
    max-width:700px;
    color:#f0e8db;
    font-family:Impact, "Arial Narrow Bold", Arial, sans-serif;
    font-size:clamp(48px, 5.1vw, 82px);
    font-weight:400;
    line-height:.91;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.zd-hero p{
    margin:28px 0 0;
    color:#d7cfc0;
    font-size:18px;
    line-height:1.6;
}

.zd-btn{
    display:inline-block;
    margin-top:32px;
    padding:14px 20px;
    border:1px solid var(--zd-gold);
    color:var(--zd-gold);
    font-size:13px;
    letter-spacing:.6px;
    text-transform:uppercase;
    transition:.2s ease;
}

.zd-btn:hover{
    background:var(--zd-gold);
    color:#0b0b0b;
}

.zd-btn span,
.zd-featured-link span{
    margin-left:10px;
    font-size:18px;
}

.zd-featured-case{
    width:340px;
    padding:26px 28px;
    background:#c5a46a;
    border:1px solid #6c522c;
    box-shadow:0 15px 35px rgba(0,0,0,.45);
    color:#21170d;
    transform:rotate(-1deg);
}

.zd-featured-label{
    display:inline-block;
    margin-bottom:18px;
    padding:7px 10px;
    background:#2a1d0e;
    color:#d8b46b;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.zd-featured-number{
    margin-bottom:10px;
    color:#251a10;
    font-size:17px;
    font-weight:bold;
}

.zd-featured-case h2{
    margin:0 0 16px;
    color:#171009;
    font-family:Impact, "Arial Narrow Bold", Arial, sans-serif;
    font-size:28px;
    font-weight:400;
    line-height:1.05;
    letter-spacing:.4px;
    text-transform:uppercase;
}

.zd-featured-case p{
    margin:0 0 16px;
    color:#3b2d1d;
    font-size:13px;
    line-height:1.45;
}

.zd-featured-case ul{
    margin:0;
    padding:0;
    list-style:none;
    color:#3b2d1d;
    font-size:12px;
    line-height:1.8;
}

.zd-classified{
    display:inline-block;
    margin-top:20px;
    padding:6px 8px;
    border:2px solid #244a2c;
    color:#244a2c;
    font-size:15px;
    font-weight:bold;
    transform:rotate(-3deg);
}

.zd-featured-link{
    display:block;
    margin-top:22px;
    color:#1e150b;
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
}

/* ==========================================================
   ÚLTIMAS NOTICIAS
========================================================== */

.zd-news{
    padding:64px 0 80px;
    background:#0b0c0c;
    border-top:1px solid #252525;
}

.zd-section-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:28px;
}

.zd-section-title h2{
    margin:9px 0 0;
    color:#f1ede3;
    font-family:Impact, "Arial Narrow Bold", Arial, sans-serif;
    font-size:42px;
    font-weight:400;
    line-height:1;
    letter-spacing:.5px;
    text-transform:uppercase;
}

.zd-section-link{
    color:#c29a4a;
    font-size:12px;
    font-weight:bold;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.zd-section-link span{
    margin-left:7px;
    font-size:18px;
    vertical-align:-1px;
}

.zd-section-link:hover{
    color:#f1ede3;
}

.zd-news-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:16px;
}

.zd-news-card{
    background:var(--zd-panel-2);
    border:1px solid #292929;
    transition:border-color .2s ease, transform .2s ease;
}

.zd-news-card:hover{
    border-color:#a57c32;
    transform:translateY(-4px);
}

.zd-news-card a{
    display:block;
    height:100%;
}

.zd-news-image{
    height:168px;
    overflow:hidden;
    background:#0a0a0a;
}

.zd-news-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.zd-news-card:hover .zd-news-image img{
    transform:scale(1.05);
}

.zd-news-no-image{
    width:100%;
    height:100%;
    background:linear-gradient(135deg, #181818, #080808);
}

.zd-news-body{
    min-height:176px;
    padding:16px;
}

.zd-news-category{
    display:block;
    margin-bottom:10px;
    color:var(--zd-gold);
    font-size:9px;
    letter-spacing:1.4px;
    text-transform:uppercase;
}

.zd-news-card h3{
    margin:0;
    color:#f0ece3;
    font-family:Impact, "Arial Narrow Bold", Arial, sans-serif;
    font-size:25px;
    font-weight:400;
    line-height:1.08;
    letter-spacing:.15px;
}

.zd-news-card time{
    display:block;
    margin-top:16px;
    color:#777;
    font-size:10px;
    text-transform:uppercase;
}

/* ==========================================================
   FOOTER
========================================================== */

#zd-footer{
    padding:35px 0;
    background:#090909;
    border-top:1px solid #282828;
    color:var(--zd-muted);
    font-size:13px;
    text-align:center;
}

#zd-footer p{
    margin:0;
}


/* ==========================================================
   HEADER ZONA DESCONOCIDA
========================================================== */

:root{
    --zd-black:#090b0b;
    --zd-black-soft:#0d1010;
    --zd-panel:#111414;
    --zd-line:#252a28;
    --zd-cream:#f1eadc;
    --zd-gold:#bd963d;
    --zd-muted:#8d8f87;
}

.zd-wrap{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding-left:40px;
    padding-right:40px;
    box-sizing:border-box;
}

/* Barra institucional superior */

.zd-topbar{
    background:#080909;
    border-bottom:1px solid var(--zd-line);
    color:var(--zd-gold);
}

.zd-topbar-inner{
    min-height:34px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    align-items:center;
    gap:20px;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.15px;
}

.zd-topbar-left{
    text-align:left;
}

.zd-topbar-center{
    text-align:center;
}

.zd-topbar-right{
    display:flex;
    justify-content:flex-end;
    gap:24px;
}

.zd-topbar-right a{
    color:var(--zd-gold);
    text-decoration:none;
    transition:color .2s ease;
}

.zd-topbar-right a:hover{
    color:var(--zd-cream);
}

.zd-status-dot{
    display:inline-block;
    width:6px;
    height:6px;
    margin-right:7px;
    border-radius:50%;
    background:#87a957;
    box-shadow:0 0 7px rgba(135,169,87,.9);
    vertical-align:middle;
}

/* Header principal */

#zd-header{
    position:sticky;
    top:0;
    z-index:999;
    background:rgba(9,11,11,.97);
    border-bottom:1px solid var(--zd-line);
    transition:box-shadow .2s ease;
}

#zd-header:hover{
    box-shadow:0 8px 24px rgba(0,0,0,.22);
}

.zd-header-inner{
    min-height:92px;
    display:flex;
    align-items:center;
    gap:36px;
}

.zd-logo{
    flex:0 0 auto;
    width:245px;
}

.zd-logo a{
    display:block;
}

.zd-logo img{
    display:block;
    width:100%;
    height:auto;
    max-height:68px;
    object-fit:contain;
    object-position:left center;
}

/* Navegación */

.zd-navigation{
    flex:1 1 auto;
    display:flex;
    justify-content:center;
}

.zd-menu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:29px;
    margin:0;
    padding:0;
    list-style:none;
}

.zd-menu li{
    position:relative;
    margin:0;
    padding:0;
}

.zd-menu a{
    display:block;
    padding:36px 0 33px;
    color:#d8d2c4;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    letter-spacing:.7px;
    text-transform:uppercase;
    white-space:nowrap;
    transition:color .2s ease;
}

.zd-menu > li > a:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:var(--zd-gold);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .2s ease;
}

.zd-menu > li:hover > a,
.zd-menu > li.current-menu-item > a,
.zd-menu > li.current_page_item > a{
    color:var(--zd-gold);
}

.zd-menu > li:hover > a:after,
.zd-menu > li.current-menu-item > a:after,
.zd-menu > li.current_page_item > a:after{
    transform:scaleX(1);
}

/* Submenús */

.zd-menu .sub-menu{
    position:absolute;
    top:100%;
    left:-18px;
    z-index:1000;
    min-width:210px;
    margin:0;
    padding:10px 0;
    list-style:none;
    background:#101313;
    border:1px solid var(--zd-line);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:all .2s ease;
}

.zd-menu li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.zd-menu .sub-menu a{
    padding:11px 18px;
    color:#d8d2c4;
    font-size:11px;
}

.zd-menu .sub-menu a:hover{
    color:var(--zd-gold);
    background:#171b1a;
}

/* Herramientas */

.zd-header-tools{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:12px;
}

.zd-social{
    display:flex;
    align-items:center;
    justify-content:center;
    width:21px;
    height:21px;
    color:#b8b9b2;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:color .2s ease;
}

.zd-social:hover{
    color:var(--zd-gold);
}

.zd-search-toggle{
    position:relative;
    display:block;
    width:25px;
    height:25px;
    margin-right:7px;
}

.zd-search-toggle span{
    position:absolute;
    left:4px;
    top:4px;
    width:11px;
    height:11px;
    border:1.5px solid #c9c8c0;
    border-radius:50%;
}

.zd-search-toggle span:after{
    content:"";
    position:absolute;
    width:7px;
    height:1.5px;
    right:-5px;
    bottom:-3px;
    background:#c9c8c0;
    transform:rotate(45deg);
    transform-origin:left center;
}

.zd-search-toggle:hover span,
.zd-search-toggle:hover span:after{
    border-color:var(--zd-gold);
    background-color:var(--zd-gold);
}

/* Contenido del sitio */

#zd-main{
    min-height:400px;
}
/* FIN HEADER */


/* ==========================================================
   BANNER PUBLICITARIO
========================================================== */

.zd-banner{
    background:#090b0b;
    padding:24px 0 0;
}

.zd-banner-link{
    min-height:86px;
    display:grid;
    grid-template-columns:160px 1fr auto;
    align-items:center;
    gap:28px;
    padding:16px 28px;
    box-sizing:border-box;
    text-decoration:none;
    color:#ece8df;
    background:
        linear-gradient(90deg, rgba(189,150,61,.10), rgba(189,150,61,.02)),
        #141716;
    border:1px solid #34352f;
    transition:border-color .2s ease, background .2s ease;
}

.zd-banner-link:hover{
    border-color:#bd963d;
    background:
        linear-gradient(90deg, rgba(189,150,61,.18), rgba(189,150,61,.04)),
        #171a18;
}

.zd-banner-brand{
    color:#8e7440;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.zd-banner-content{
    display:flex;
    align-items:baseline;
    gap:16px;
}

.zd-banner-content strong{
    color:#f1eadc;
    font-size:18px;
    letter-spacing:.4px;
}

.zd-banner-content span{
    color:#aaa89f;
    font-size:14px;
}

.zd-banner-action{
    color:#bd963d;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    white-space:nowrap;
}


/* Widget real dentro del banner */

.zd-banner-widget{
    width:100%;
}

.zd-banner-widget .widget{
    margin:0;
}

.zd-banner-widget img{
    display:block;
    width:100%;
    height:auto;
}

.zd-banner-widget iframe{
    display:block;
    width:100%;
    max-width:100%;
    border:0;
}

/* ==========================================================
   PUBLICIDAD LATERAL — HOME
========================================================== */

.zd-news-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 315px;
    gap:32px;
    align-items:stretch;
}

/* La columna lateral debe tener exactamente la altura
   total de la columna de noticias */
.zd-home-sidebar{
    min-width:315px;
    display:flex;
    flex-direction:column;
    padding:0;
}

/* El texto PUBLICIDAD queda alineado con el inicio
   de la grilla de tarjetas, no con “Últimas Noticias” */
.zd-home-sidebar .zd-eyebrow{
    margin:0 0 14px;
    line-height:1;
}

/* El área disponible debajo de PUBLICIDAD ocupa todo
   el resto de la altura de las noticias */
.zd-home-sidebar-widget{
    flex:1;
    display:flex;
    width:315px;
    min-height:0;
    margin:0;
    padding:0;
}

/* El widget de WordPress y su enlace deben heredar
   toda la altura disponible */
.zd-home-sidebar-widget .widget,
.zd-home-sidebar-widget p,
.zd-home-sidebar-widget a{
    display:flex;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

/* Imagen vertical: ancho real 315 px y alto completo */
.zd-home-sidebar-widget img{
    display:block;
    width:315px;
    height:100%;
    max-width:none;
    object-fit:cover;
    margin:0;
    border:1px solid #2b2a24;
}
/* ==========================================================
   WIDGET — BANNER PRINCIPAL
========================================================== */

.zd-banner-principal{
    background:#090b0a;
    border-top:1px solid #242721;
    border-bottom:1px solid #242721;
    padding:16px 0;
}

.zd-banner-principal-inner{
    /*display:flex;*/
    justify-content:center;
    align-items:center;
}

.zd-banner-principal-inner .widget{
    width:100%;
    margin:0;
    padding:0;
}

.zd-banner-principal-inner img{
    display:block;
    width:100%;
    max-width:none;
    height:auto;
    margin:0 auto;
}

.zd-banner-principal-inner a{
    display:block;
}

/* ==========================================================
   CORRECCIÓN ESTRUCTURA NEWS + PUBLICIDAD LATERAL
========================================================== */

/* Ahora el layout principal solo contiene el bloque NEWS */
.zd-news-layout{
    display:block;
}

/* Aquí está la grilla real: noticias + lateral */
.zd-news-content-row{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 315px;
    gap:32px;
    align-items:stretch;
}

/* La grilla de noticias ocupa la columna izquierda */
.zd-news-content-row .zd-news-grid{
    min-width:0;
}

/* El lateral queda a la derecha, no debajo */
.zd-news-content-row .zd-home-sidebar{
    width:315px;
    min-width:315px;
    display:flex;
    flex-direction:column;
    padding:0;
    margin:0;
}

/* Título PUBLICIDAD alineado con las tarjetas */
.zd-news-content-row .zd-home-sidebar .zd-eyebrow{
    margin:0 0 14px;
}

/* El aviso ocupa toda la altura restante */
.zd-news-content-row .zd-home-sidebar-widget{
    flex:1;
    display:flex;
    width:315px;
    min-height:0;
    margin:0;
    padding:0;
}

.zd-news-content-row .zd-home-sidebar-widget .widget,
.zd-news-content-row .zd-home-sidebar-widget p,
.zd-news-content-row .zd-home-sidebar-widget a{
    display:flex;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

.zd-news-content-row .zd-home-sidebar-widget img{
    display:block;
    width:315px;
    height:100%;
    max-width:none;
    object-fit:cover;
    margin:0;
    border:1px solid #2b2a24;
}


/* ==========================================================
   EXPEDIENTE INDIVIDUAL
========================================================== */

.zd-expediente-single{
    background:#090b0b;
    color:#ece8df;
}

.zd-expediente-hero{
    padding:88px 0 70px;
    border-bottom:1px solid #242721;
}

.zd-expediente-layout{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 315px;
    gap:90px;
    align-items:start;
}

.zd-expediente-content{
    max-width:760px;
}

.zd-expediente-code{
    color:#bd963d;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    margin:14px 0 12px;
}

.zd-expediente-content h1{
    margin:0;
    color:#f1eadc;
    font-family:"Roboto Condensed", sans-serif;
    font-size:64px;
    font-weight:900;
    line-height:.95;
    letter-spacing:-1.5px;
    text-transform:uppercase;
}

.zd-expediente-taxonomies{
    display:flex;
    flex-wrap:wrap;
    gap:18px 28px;
    margin:28px 0 36px;
    color:#aaa89f;
    font-size:12px;
    letter-spacing:.5px;
}

.zd-expediente-taxonomies strong{
    color:#bd963d;
}

.zd-expediente-body{
    color:#d2d0c9;
    font-size:17px;
    line-height:1.75;
}

.zd-expediente-body p{
    margin:0 0 20px;
}

.zd-expediente-file{
    padding:26px;
    background:#c8a867;
    color:#17140e;
    box-shadow:10px 12px 0 rgba(0,0,0,.24);
    transform:rotate(-1deg);
}

.zd-expediente-file-label{
    display:inline-block;
    margin-bottom:22px;
    padding:7px 10px;
    background:#211b10;
    color:#d7b76e;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
}

.zd-expediente-file p{
    margin:0 0 12px;
    font-size:12px;
    line-height:1.45;
}

.zd-expediente-status{
    display:inline-block;
    margin-top:15px;
    padding:7px 10px;
    border:2px solid #235d39;
    color:#235d39;
    font-size:13px;
    font-weight:900;
    letter-spacing:.6px;
    transform:rotate(-4deg);
}

.zd-status-clasificado{
    border-color:#7f2924;
    color:#7f2924;
}

.zd-status-secreto{
    border-color:#1b1b1b;
    color:#1b1b1b;
}

.zd-status-en-investigacion{
    border-color:#70571e;
    color:#70571e;
}

.zd-expediente-image-section{
    padding:54px 0 90px;
}

.zd-expediente-main-image{
    max-width:980px;
}

.zd-expediente-main-image img{
    display:block;
    width:100%;
    height:auto;
    border:1px solid #34352f;
}


.zd-expediente-layout{
    grid-template-columns:minmax(0, 760px) 315px;
    justify-content:space-between;
    gap:70px;
}

.zd-expediente-content{
    max-width:760px;
}

.zd-expediente-main-image{
    max-width:760px;
}

@media(max-width:760px){

    .zd-expediente-hero{
        padding:54px 0;
    }

    .zd-expediente-layout{
        grid-template-columns:1fr;
        gap:42px;
    }

    .zd-expediente-content h1{
        font-size:44px;
    }

    .zd-expediente-file{
        width:100%;
        box-sizing:border-box;
    }

}


/* ==========================================================
   ARCHIVO CENTRAL
========================================================== */

.zd-archivo{
    background:#090b0b;
    color:#ece8df;
    min-height:70vh;
}

.zd-archivo-hero{
    padding:82px 0 58px;
    border-bottom:1px solid #242721;
    background:
        linear-gradient(90deg, rgba(189,150,61,.06), transparent 50%),
        #0b0d0c;
}

.zd-archivo-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:40px;
    margin-top:16px;
}

.zd-archivo-heading h1{
    margin:0;
    color:#f1eadc;
    font-family:"Roboto Condensed", sans-serif;
    font-size:68px;
    font-weight:900;
    line-height:.92;
    letter-spacing:-1.5px;
}

.zd-archivo-heading p{
    max-width:560px;
    margin:20px 0 0;
    color:#aaa89f;
    font-size:16px;
    line-height:1.6;
}

.zd-archivo-total{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:220px;
    padding:18px 20px;
    border-left:2px solid #bd963d;
    background:#111412;
}

.zd-archivo-total strong{
    color:#bd963d;
    font-family:"Roboto Condensed", sans-serif;
    font-size:52px;
    font-weight:900;
    line-height:1;
}

.zd-archivo-total span{
    color:#d4d0c5;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
    line-height:1.45;
}

.zd-archivo-content{
    padding:52px 0 90px;
}

.zd-archivo-filters{
    display:flex;
    flex-wrap:wrap;
    gap:18px 48px;
    margin-bottom:38px;
    padding:20px 0;
    border-top:1px solid #2a2c28;
    border-bottom:1px solid #2a2c28;
}

.zd-filter-group{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px 18px;
}

.zd-filter-group > span{
    color:#8e7440;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.3px;
}

.zd-filter-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px 12px;
}

.zd-filter-links a{
    color:#b9b7af;
    font-size:11px;
    font-weight:700;
    letter-spacing:.4px;
    text-decoration:none;
}

.zd-filter-links a:hover,
.zd-filter-links a.is-active{
    color:#bd963d;
}

.zd-expediente-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:22px;
}

.zd-expediente-card{
    border:1px solid #292b28;
    background:#121413;
    transition:border-color .2s ease, transform .2s ease;
}

.zd-expediente-card:hover{
    border-color:#bd963d;
    transform:translateY(-4px);
}

.zd-expediente-card a{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}

.zd-expediente-card-image{
    height:190px;
    overflow:hidden;
    background:#0b0d0c;
}

.zd-expediente-card-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.zd-expediente-card:hover .zd-expediente-card-image img{
    transform:scale(1.04);
}

.zd-expediente-card-content{
    display:flex;
    flex-direction:column;
    min-height:230px;
    padding:20px;
}

.zd-expediente-card-top{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px;
}

.zd-expediente-card-category,
.zd-expediente-card-code{
    color:#bd963d;
    font-size:10px;
    font-weight:700;
    letter-spacing:.8px;
}

.zd-expediente-card-code{
    color:#8d8d86;
    text-align:right;
}

.zd-expediente-card h2{
    margin:0;
    color:#f1eadc;
    font-family:"Roboto Condensed", sans-serif;
    font-size:29px;
    font-weight:900;
    line-height:.98;
    text-transform:uppercase;
}

.zd-expediente-card-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    margin:18px 0;
    color:#aaa89f;
    font-size:11px;
}

.zd-expediente-card-meta span:not(:last-child)::after{
    content:"·";
    margin-left:10px;
    color:#bd963d;
}

.zd-expediente-card-status{
    display:inline-block;
    align-self:flex-start;
    margin-top:auto;
    padding:5px 8px;
    border:1px solid #235d39;
    color:#3f9a61;
    font-size:10px;
    font-weight:900;
    letter-spacing:.7px;
}

.zd-expediente-card-status.zd-status-clasificado{
    border-color:#7f2924;
    color:#c85e55;
}

.zd-expediente-card-status.zd-status-secreto{
    border-color:#777;
    color:#aaa;
}

.zd-expediente-card-status.zd-status-en-investigacion{
    border-color:#a77d27;
    color:#d0a13b;
}

.zd-archivo-pagination{
    margin-top:46px;
}

.zd-archivo-pagination .nav-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.zd-archivo-pagination a,
.zd-archivo-pagination .current{
    padding:9px 12px;
    border:1px solid #34352f;
    color:#d4d0c5;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.zd-archivo-pagination .current,
.zd-archivo-pagination a:hover{
    border-color:#bd963d;
    color:#bd963d;
}

.zd-archivo-empty{
    padding:70px 0;
    text-align:center;
}

.zd-archivo-empty h2{
    margin:0 0 10px;
    font-family:"Roboto Condensed", sans-serif;
    font-size:36px;
}

.zd-archivo-empty p{
    color:#aaa89f;
}

@media(max-width:900px){

    .zd-expediente-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .zd-archivo-heading h1{
        font-size:54px;
    }

}

@media(max-width:760px){

    .zd-archivo-hero{
        padding:54px 0 42px;
    }

    .zd-archivo-heading{
        display:block;
    }

    .zd-archivo-heading h1{
        font-size:46px;
    }

    .zd-archivo-total{
        width:100%;
        box-sizing:border-box;
        margin-top:28px;
    }

    .zd-archivo-filters{
        display:block;
    }

    .zd-filter-group + .zd-filter-group{
        margin-top:18px;
    }

}

@media(max-width:560px){

    .zd-expediente-grid{
        grid-template-columns:1fr;
    }

    .zd-expediente-card-image{
        height:220px;
    }

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1000px){

    .zd-news-layout{
        grid-template-columns:1fr;
    }

    .zd-home-sidebar{
        padding-top:0;
        max-width:315px;
    }

}

@media(max-width:900px){

    .zd-header-inner,
    .zd-container{
        width:calc(100% - 40px);
    }

    .zd-header-inner{
        min-height:80px;
    }

    .zd-navigation ul{
        gap:15px;
    }

    .zd-hero-content{
        gap:30px;
    }

    .zd-featured-case{
        width:300px;
    }

    .zd-news-grid{
        grid-template-columns:repeat(2, 1fr);
    }

}

@media(max-width:700px){

    .zd-header-inner{
        display:block;
        padding:18px 0;
    }

    .zd-logo{
        margin-bottom:18px;
    }

    .zd-navigation ul{
        flex-wrap:wrap;
        gap:12px 18px;
    }

    .zd-hero{
        min-height:auto;
    }

    .zd-hero-content{
        display:block;
        min-height:auto;
        padding:60px 0;
    }

    .zd-hero-copy{
        width:100%;
        padding:0;
    }

    .zd-featured-case{
        width:100%;
        margin-top:45px;
        transform:none;
    }

    .zd-section-title{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .zd-section-title h2{
        font-size:34px;
    }

}

@media(max-width:560px){

    .zd-news{
        padding:46px 0 56px;
    }

    .zd-news-grid{
        grid-template-columns:1fr;
    }

    .zd-news-image{
        height:210px;
    }

}



/* Responsive Header */
/* Tablet */

@media (max-width:1100px){

    .zd-logo{
        width:210px;
    }

    .zd-menu{
        gap:18px;
    }

    .zd-menu a{
        font-size:11px;
    }

    .zd-social{
        display:none;
    }

}

/* Móvil */

@media (max-width:760px){

    .zd-wrap{
        padding-left:20px;
        padding-right:20px;
    }

    .zd-topbar-inner{
        grid-template-columns:1fr;
        gap:3px;
        padding-top:8px;
        padding-bottom:8px;
        text-align:center;
    }

    .zd-topbar-left,
    .zd-topbar-center,
    .zd-topbar-right{
        justify-content:center;
        text-align:center;
    }

    .zd-topbar-right{
        display:none;
    }

    #zd-header{
        position:relative;
    }

    .zd-header-inner{
        min-height:76px;
        justify-content:space-between;
        gap:15px;
    }

    .zd-logo{
        width:180px;
    }

    .zd-navigation{
        display:none;
    }

    .zd-header-tools{
        gap:4px;
    }

}


@media (max-width:760px){

    .zd-banner{
        padding-top:16px;
    }

    .zd-banner-link{
        grid-template-columns:1fr;
        gap:8px;
        min-height:auto;
        padding:18px 20px;
    }

    .zd-banner-content{
        display:block;
    }

    .zd-banner-content strong,
    .zd-banner-content span{
        display:block;
    }

    .zd-banner-content span{
        margin-top:5px;
    }

}


/* ==========================================================
   RESPONSIVE REAL — NEWS + PUBLICIDAD
========================================================== */

@media (max-width: 760px){

    /* Noticias y publicidad dejan de compartir fila */
    .zd-news-content-row{
        display:block;
    }

    /* Las noticias recuperan todo el ancho */
    .zd-news-content-row .zd-news-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
    }

    /* El lateral pasa debajo de las noticias */
    .zd-news-content-row .zd-home-sidebar{
        width:100%;
        min-width:0;
        max-width:none;
        margin-top:34px;
    }

    .zd-news-content-row .zd-home-sidebar .zd-eyebrow{
        margin-bottom:12px;
    }

    /* Ya NO debe estirarse en alto */
    .zd-news-content-row .zd-home-sidebar-widget{
        display:block;
        width:100%;
        height:auto;
        min-height:0;
        flex:none;
    }

    .zd-news-content-row .zd-home-sidebar-widget .widget,
    .zd-news-content-row .zd-home-sidebar-widget p,
    .zd-news-content-row .zd-home-sidebar-widget a{
        display:block;
        width:100%;
        height:auto;
    }

    /* Conserva el aviso completo, sin recorte */
    .zd-news-content-row .zd-home-sidebar-widget img{
        display:block;
        width:100%;
        max-width:315px;
        height:auto;
        margin:0 auto;
        object-fit:contain;
    }

}


/* Teléfonos chicos: una noticia por fila */
@media (max-width: 560px){

    .zd-news-content-row .zd-news-grid{
        grid-template-columns:1fr;
    }

    .zd-news-content-row .zd-news-card{
        min-height:0;
    }

    .zd-news-content-row .zd-news-image{
        height:210px;
    }

}