/*
Theme Name: Sur al Día
Theme URI: https://suraldianoticias.com.ar
Author: Sustantiva
Author URI: https://sustantiva.digital
Description: Tema custom de Sur al Día. Diario regional federal del sur del país, diseño broadsheet clásico: azul #003A5C, ocre #E8A020, fondo papel #FBFAF7. Merriweather + Inter.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: suraldia
*/

:root{
  --sd-blue:#003A5C;
  --sd-blue-dark:#002A44;
  --sd-ochre:#E8A020;
  --sd-ochre-dark:#c9871a;
  --sd-cream:#FBFAF7;
  --sd-ink:#1c2b33;
  --sd-gray:#8a8578;
  --sd-rule:#d8d3c8;
  --sd-rule-soft:#e3ded3;
  --font-title:'Merriweather',Georgia,serif;
  --font-ui:'Inter',-apple-system,'Segoe UI',sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font-ui);background:var(--sd-cream);color:var(--sd-ink);line-height:1.6;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px;}

/* ============ HEADER ============ */
.site-header{background:var(--sd-cream);}
.masthead{text-align:center;padding:14px 0 10px;border-bottom:3px double var(--sd-blue);}
.kicker-top{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sd-gray);}
.brand{font-family:var(--font-title);font-weight:900;font-size:clamp(38px,7vw,58px);color:var(--sd-blue);letter-spacing:-1px;margin-top:4px;line-height:1;}
.brand img{display:inline-block;max-height:64px;width:auto;}

.nav{border-bottom:1px solid var(--sd-rule);background:var(--sd-cream);}
.nav ul{list-style:none;display:flex;justify-content:center;gap:30px;padding:11px 0;flex-wrap:wrap;}
.nav a{font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;}
.nav a:hover{color:var(--sd-blue);}
.nav .current-menu-item > a,
.nav .current_page_item > a,
.nav .current-cat > a,
.nav .active{color:var(--sd-blue);border-bottom:2px solid var(--sd-ochre);padding-bottom:9px;}

/* ============ KICKER (categoría) ============ */
.kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sd-ochre);}
.kicker a:hover{color:var(--sd-ochre-dark);}

/* ============ FRONT PAGE ============ */
.front{display:grid;grid-template-columns:2.1fr 1fr;gap:0;padding:26px 0 40px;}
.lead{padding-right:28px;border-right:1px solid var(--sd-rule);}
.aside{padding-left:26px;}
.lead-title{font-family:var(--font-title);font-weight:900;font-size:clamp(28px,4vw,38px);line-height:1.12;margin:6px 0 10px;}
.lead-title a:hover{color:var(--sd-blue);}
.deck{font-family:var(--font-title);font-style:italic;font-size:17px;line-height:1.5;color:#555;margin-bottom:10px;}
.byline{font-size:12px;color:var(--sd-gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;}
.lead-figure{margin-bottom:16px;}
.lead-figure img{width:100%;border:1px solid var(--sd-rule-soft);}
.body-cols{column-count:2;column-gap:22px;column-rule:1px solid var(--sd-rule-soft);font-size:14px;line-height:1.65;color:#3a3a3a;text-align:justify;}
.body-cols p{margin-bottom:1em;}
.drop::first-letter{font-family:var(--font-title);font-weight:900;font-size:3.1em;float:left;line-height:.82;padding:4px 8px 0 0;color:var(--sd-blue);}

.aside-head{font-family:var(--font-title);font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--sd-blue);border-bottom:2px solid var(--sd-blue);padding-bottom:6px;margin-bottom:14px;}
.aside-item{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--sd-rule);}
.aside-item:last-child{border-bottom:0;}
.aside-title{font-family:var(--font-title);font-weight:700;font-size:18px;line-height:1.22;margin:4px 0 6px;}
.aside-title a:hover{color:var(--sd-blue);}
.aside-sum{font-size:13px;line-height:1.5;color:#555;}

/* ============ SEGUNDA FILA DE TITULARES ============ */
.deck-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;border-top:3px double var(--sd-blue);padding:22px 0 8px;}
.deck-col{border-right:1px solid var(--sd-rule-soft);padding-right:20px;}
.deck-col:last-child{border-right:0;}
.deck-col .kicker{margin-bottom:4px;}
.deck-col h4{font-family:var(--font-title);font-weight:700;font-size:16px;line-height:1.2;}
.deck-col h4 a:hover{color:var(--sd-blue);}

/* ============ BANNERS ============ */
.ad-zone{display:flex;flex-direction:column;align-items:center;gap:8px;margin:34px 0;}
.ad-zone::before{content:'ESPACIO PUBLICITARIO';font-size:9px;letter-spacing:.16em;color:var(--sd-gray);text-transform:uppercase;}
.ad{max-width:100%;width:100%;text-align:center;}
.ad img{margin:0 auto;height:auto;max-width:100%;}

/* ============ SINGLE / PAGE ============ */
.article{max-width:720px;margin:0 auto;padding:30px 0 20px;}
.article .entry-title{font-family:var(--font-title);font-weight:900;font-size:clamp(28px,4vw,40px);line-height:1.14;margin:8px 0 12px;}
.article .deck{margin-bottom:14px;}
.article .meta{font-size:13px;color:var(--sd-gray);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--sd-rule);padding-bottom:16px;margin-bottom:20px;}
.article .featured{margin-bottom:22px;}
.article .featured img{width:100%;border:1px solid var(--sd-rule-soft);}
.content{font-family:var(--font-title);font-size:17px;line-height:1.8;color:#2c3940;}
.content p{margin-bottom:1.3em;}
.content h2,.content h3{font-family:var(--font-title);font-weight:700;line-height:1.25;margin:1.4em 0 .5em;color:var(--sd-ink);}
.content a{color:var(--sd-blue);text-decoration:underline;text-decoration-color:var(--sd-ochre);}
.content a:hover{color:var(--sd-ochre-dark);}
.content blockquote{border-left:4px solid var(--sd-ochre);padding:6px 0 6px 18px;margin:1.4em 0;font-style:italic;color:#444;}
.content img{margin:1.3em 0;border:1px solid var(--sd-rule-soft);}

/* ============ ARCHIVE ============ */
.archive-head{border-bottom:3px double var(--sd-blue);padding:26px 0 12px;margin-bottom:24px;}
.archive-head h1{font-family:var(--font-title);font-weight:900;font-size:30px;color:var(--sd-blue);}
.archive-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-bottom:30px;}
.a-item{border-top:1px solid var(--sd-rule);padding-top:14px;}
.a-item .a-title{font-family:var(--font-title);font-weight:700;font-size:18px;line-height:1.22;margin:5px 0 6px;}
.a-item .a-title a:hover{color:var(--sd-blue);}
.a-item .a-sum{font-size:13px;color:#555;line-height:1.5;}
.a-item time{display:block;font-size:12px;color:var(--sd-gray);margin-top:8px;}
.pagination{display:flex;gap:10px;font-weight:600;padding-bottom:40px;flex-wrap:wrap;}
.pagination a,.pagination span{padding:7px 13px;background:#fff;border:1px solid var(--sd-rule);}
.pagination .current,.pagination a:hover{background:var(--sd-blue);color:#fff;border-color:var(--sd-blue);}

/* ============ FOOTER ============ */
.foot{border-top:3px double var(--sd-blue);margin-top:20px;padding:22px 0 40px;text-align:center;font-size:12px;color:var(--sd-gray);}

/* ============ RESPONSIVE ============ */
@media(max-width:860px){
  .front{grid-template-columns:1fr;}
  .lead{border-right:0;padding-right:0;}
  .aside{padding-left:0;margin-top:24px;border-top:1px solid var(--sd-rule);padding-top:20px;}
  .deck-row{grid-template-columns:repeat(2,1fr);}
  .body-cols{column-count:1;}
  .archive-list{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:520px){
  .deck-row{grid-template-columns:1fr;}
  .deck-col{border-right:0;}
  .archive-list{grid-template-columns:1fr;}
}

a:focus-visible{outline:2px solid var(--sd-ochre);outline-offset:2px;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}