/*
Theme Name: Resumen Portal
Theme URI: https://resumendeldia.com.ar
Author: Resumen del Día
Description: Tema liviano para portales de noticias. Sin jQuery, sin librerías, sin fuentes externas. Portada con nota principal, última hora y bloques por categoría.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: resumen-portal
*/

:root{
  --accent:#d9480f; --ink:#171717; --muted:#6a6e75; --line:#e3e4e8; --soft:#f4f5f7;
  --w:1240px; --gap:24px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.5;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.015em}
ul{margin:0;padding:0;list-style:none}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px;top:8px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* ---------- Cabecera ---------- */
.topbar{background:var(--soft);font-size:13px;color:var(--muted)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:12px}
.topbar__date::first-letter{text-transform:uppercase}
.social{display:flex;gap:14px}
.social a{font-weight:600}
.brand__in{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;gap:16px}
.brand img{max-height:64px;width:auto}
.brand__name{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;letter-spacing:-.03em}
.nav{position:sticky;top:0;z-index:50;background:#fff;border-top:1px solid var(--line);border-bottom:3px solid var(--accent)}
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}
.nav .wrap{display:flex;align-items:center;gap:8px}
.nav__menu{display:flex;flex-wrap:wrap;flex:1}
.nav__menu li{position:relative;display:flex;align-items:center}
.nav__menu a{display:block;padding:14px 14px;font-weight:700;font-size:15px;white-space:nowrap}
.nav__menu>li>a{border-bottom:3px solid transparent;margin-bottom:-3px}
.nav__menu .current-menu-item>a,.nav__menu .current-menu-ancestor>a,.nav__menu .current-cat>a,.nav__menu a:hover{color:var(--accent)}
.nav__btn{background:none;border:0;padding:10px;cursor:pointer;font:inherit;font-weight:700;color:var(--ink)}
.nav__btn--menu{display:none}
/* submenús */
.sub-toggle{width:22px;height:30px;margin-left:-12px;padding:0;border:0;background:none;cursor:pointer;color:inherit}
.sub-toggle::before{content:"";display:block;margin:auto;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px)}
.nav__menu ul{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.12);z-index:70}
.nav__menu ul li{display:block}
.nav__menu ul a{white-space:normal;padding:10px 16px;font-weight:600;border-bottom:1px solid var(--line)}
.nav__menu ul li:last-child>a{border-bottom:0}
.nav__menu li:hover>ul,.nav__menu li:focus-within>ul,.nav__menu li.is-open>ul{display:block}
.nav__menu ul ul{left:100%;top:-3px}
@media(max-width:1000px){
  .nav .wrap{justify-content:space-between}
  .nav__btn--menu{display:block}
  .nav__menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;flex-wrap:nowrap;background:#fff;border-bottom:3px solid var(--accent);box-shadow:0 12px 24px rgba(0,0,0,.15);max-height:75vh;overflow-y:auto}
  .nav.is-open .nav__menu{display:flex}
  .nav__menu li{flex-wrap:wrap;border-top:1px solid var(--line)}
  .nav__menu a{flex:1;padding:14px 16px;white-space:normal}
  .nav__menu>li>a{border-bottom:0;margin-bottom:0}
  .sub-toggle{width:48px;height:48px;margin:0}
  .nav__menu ul,.nav__menu ul ul{position:static;display:none;width:100%;min-width:0;border:0;box-shadow:none;background:var(--soft)}
  .nav__menu li:hover>ul,.nav__menu li:focus-within>ul{display:none}
  .nav__menu li.is-open>ul{display:block}
  .nav__menu ul a{padding-left:32px;border-bottom:0}
  .nav__menu ul ul a{padding-left:48px}
}
.nav__btn{background:none;border:0;padding:10px;cursor:pointer;font:inherit;font-weight:700;color:var(--ink)}
.searchbar{background:var(--soft);padding:12px 0;border-bottom:1px solid var(--line)}
.searchbar[hidden]{display:none}
.searchform{display:flex;gap:8px}
.searchform input[type=search]{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:4px;font:inherit}
.searchform button{padding:0 20px;background:var(--accent);color:#fff;border:0;border-radius:4px;font:inherit;font-weight:700;cursor:pointer}
.ad{margin:20px auto;text-align:center;overflow:hidden;max-width:100%}
.ad::before{content:"Publicidad";display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.blocks .ad{grid-column:1/-1;margin:0}
.entry__content .ad{margin:1.6em 0}
.list .ad{padding:20px 0;margin:0;border-bottom:1px solid var(--line)}
.sidebar .ad{margin:0 0 32px}
.sidebar .ad--sticky{position:sticky;top:70px;margin:32px 0 0}
.admin-bar .sidebar .ad--sticky{top:102px}
.rail{display:none}
@media(min-width:1600px){
  body.has-rails .site-body{display:grid;grid-template-columns:minmax(176px,1fr) minmax(0,1240px) minmax(176px,1fr)}
  body.has-rails .site-body>main{grid-column:2;grid-row:1}
  .rail{display:block;position:sticky;top:76px;align-self:start;width:160px;margin:24px 0 0;grid-row:1}
  .admin-bar .rail{top:108px}
  .rail--left{grid-column:1;justify-self:end;margin-right:16px}
  .rail--right{grid-column:3;justify-self:start;margin-left:16px}
}
.anchor{display:none}
@media(max-width:700px){
  .anchor{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);text-align:center;padding:4px 0;min-height:42px}
  .anchor[hidden]{display:none}
  .anchor__x{position:absolute;top:-26px;right:8px;width:26px;height:26px;border:1px solid var(--line);border-bottom:0;background:#fff;border-radius:6px 6px 0 0;font-size:18px;line-height:1;cursor:pointer}
  .has-anchor{padding-bottom:56px}
}

/* ---------- Cinta de últimas noticias ---------- */
.ticker{background:var(--soft);border-bottom:1px solid var(--line)}
.ticker__in{display:flex;align-items:stretch}
.ticker__label{flex:none;background:var(--accent);color:#fff;font-weight:800;font-size:13px;padding:9px 14px;display:flex;align-items:center}
.ticker__view{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.ticker__track{display:flex;width:max-content;animation:rd-ticker linear infinite}
.ticker__view:hover .ticker__track,.ticker__view:focus-within .ticker__track{animation-play-state:paused}
.ticker__track li{white-space:nowrap;padding:9px 22px;font-size:14px;font-weight:600;position:relative}
.ticker__track li::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:var(--accent)}
@keyframes rd-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .ticker__view{overflow-x:auto}
  .ticker__track{animation:none}
  .ticker__track li[aria-hidden]{display:none}
}

/* ---------- Publicidad: imágenes y recuadros de prueba ---------- */
.ad img{display:inline-block;max-width:100%;height:auto}
.ad__ph{display:flex;align-items:center;justify-content:center;text-align:center;max-width:100%;margin:0 auto;background:repeating-linear-gradient(45deg,#eef0f4,#eef0f4 10px,#e6e8ee 10px,#e6e8ee 20px);border:2px dashed #aab0bc;color:#555b66;font-size:13px;font-weight:700;line-height:1.3}

/* ---------- Piezas ---------- */
.kicker{display:inline-block;font-size:13px;font-weight:800;color:var(--accent);margin-bottom:6px}
.p__title{font-size:1.1rem;font-weight:800}
.p__time{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}
.p__excerpt{margin:8px 0 0;color:#3a3d42;font-size:15px}
.p__media{display:block;background:var(--soft);aspect-ratio:var(--ratio,4/3);overflow:hidden}
.p__media img,.ph{width:100%;height:100%;object-fit:cover}
.ph{display:block;background:linear-gradient(135deg,#e9eaee,#d6d8de)}

.p--card .p__media{margin-bottom:12px}
.p--item{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start}
.p--item .p__media{aspect-ratio:4/3}
.p--item .p__title{font-size:1rem}

.p--lead{position:relative;overflow:hidden;background:#000}
.p--lead .p__media{aspect-ratio:var(--ratio,4/3)}
.p--lead .p__body{position:absolute;inset:auto 0 0 0;padding:64px 24px 24px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,0))}
.p--lead .p__title{font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:900;line-height:1.08}
.p--lead a:hover{color:#fff;text-decoration:underline}
.p--lead .kicker{color:#fff;background:var(--accent);padding:3px 8px}
.p--lead .p__time{color:#ddd}
.p--lead .p__excerpt{color:#eee}

/* ---------- Portada ---------- */
.home{padding-top:var(--gap);padding-bottom:40px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"main feed" "more feed";gap:var(--gap)}
.hero__main{grid-area:main}
.hero__more{grid-area:more;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);padding-top:var(--gap);border-top:1px solid var(--line)}
.hero__more .p__title{font-size:1rem}
.hero__feed{grid-area:feed;border-left:1px solid var(--line);padding-left:var(--gap)}
.feed__title,.block__head h2,.widget-title{font-size:1.15rem;font-weight:900}
.feed__title{padding-bottom:10px;border-bottom:3px solid var(--accent);margin-bottom:4px}
.feed li{padding:12px 0;border-bottom:1px solid var(--line)}
.feed li:last-child{border-bottom:0}
.feed time{display:block;font-size:12.5px;font-weight:700;color:var(--accent);margin-bottom:2px}
.feed a{font-weight:700;line-height:1.3;display:block}

.blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px var(--gap);margin-top:40px}
.block__head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:3px solid var(--accent);margin-bottom:var(--gap)}
.block__all{font-size:13px;font-weight:700;color:var(--muted)}
.block__list{display:grid;gap:16px;margin-top:20px;padding-top:4px}
.block__list .p--item{padding-top:16px;border-top:1px solid var(--line)}
.more{margin-top:48px}
.more__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px var(--gap)}
.btn{display:inline-block;margin-top:28px;padding:12px 28px;background:var(--accent);color:#fff;font-weight:800;border-radius:4px}
.btn:hover{color:#fff;filter:brightness(.9)}

/* ---------- Listados / entradas ---------- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding-top:var(--gap);padding-bottom:48px}
.archive-head{margin-bottom:var(--gap);padding-bottom:12px;border-bottom:3px solid var(--accent)}
.archive-head h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900}
.archive-head p{margin:6px 0 0;color:var(--muted)}
.list{display:grid;gap:0}
.list .p--item{grid-template-columns:240px 1fr;padding:20px 0;border-bottom:1px solid var(--line)}
.list .p--item .p__title{font-size:1.35rem}
.pagination{margin-top:32px}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:4px;font-weight:700}
.pagination .current{background:var(--accent);border-color:var(--accent);color:#fff}

.entry__head{max-width:820px}
.entry__title{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:900;line-height:1.08;margin:6px 0 14px}
.entry__lede{font-size:1.2rem;color:#3a3d42;margin:0 0 16px;line-height:1.4}
.entry__meta{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 14px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.entry__meta strong{color:var(--ink)}
.entry__fig{margin:20px 0}
.entry__fig figcaption{font-size:13px;color:var(--muted);padding-top:8px}
.entry__content{max-width:740px;font-size:1.125rem;line-height:1.75}
.entry__content>*{margin-top:0;margin-bottom:1.2em}
.entry__content h2,.entry__content h3{margin:1.6em 0 .6em;font-weight:800}
.entry__content a{color:var(--accent);text-decoration:underline}
.entry__content blockquote{margin-left:0;padding-left:18px;border-left:4px solid var(--accent);font-size:1.25rem;font-weight:600}
.entry__content img{height:auto}
.share{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.share a,.share button{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.share a:hover,.share button:hover{border-color:var(--accent)}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.tags a{background:var(--soft);padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600}
.related{margin-top:40px}
.related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}

.sidebar>*+*{margin-top:32px}
.widget-title{padding-bottom:10px;border-bottom:3px solid var(--accent);margin-bottom:8px}
.widget ul{list-style:none}
.widget li{padding:9px 0;border-bottom:1px solid var(--line)}

/* ---------- Pie ---------- */
.site-footer{background:#17181b;color:#c9cbd1;padding:40px 0 24px;margin-top:24px}
.site-footer a{color:#fff}
.site-footer a:hover{color:#ffb38a}
.footer__top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #34363c}
.footer__name{font-size:1.6rem;font-weight:900;color:#fff}
.footer__menu{display:flex;gap:18px;flex-wrap:wrap;font-weight:600}
.footer__copy{padding-top:20px;font-size:13px}
.site-footer .widget-title{color:#fff}

/* ---------- Comentarios ---------- */
.comments{max-width:740px;margin-top:40px}
.comments ol{list-style:none;padding:0}
.comments li{padding:16px 0;border-bottom:1px solid var(--line)}
.comments input[type=text],.comments input[type=email],.comments input[type=url],.comments textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:4px;font:inherit}
.comments .submit{background:var(--accent);color:#fff;border:0;padding:12px 24px;border-radius:4px;font-weight:800;cursor:pointer}

/* ---------- Responsive ---------- */
@media(max-width:1000px){
  .hero{grid-template-columns:1fr;grid-template-areas:"main" "feed" "more"}
  .hero__feed{border-left:0;padding-left:0}
  .hero__more{grid-template-columns:repeat(2,1fr)}
  .layout{grid-template-columns:1fr;gap:32px}
  .more__grid,.related__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .blocks{grid-template-columns:1fr}
  .topbar .social{display:none}
  .p--lead .p__body{padding:48px 16px 16px}
  .p--lead .p__media{aspect-ratio:4/3}
  .list .p--item{grid-template-columns:120px 1fr}
  .list .p--item .p__title{font-size:1.05rem}
  .list .p__excerpt{display:none}
  .more__grid,.related__grid{grid-template-columns:1fr}
  .entry__content{font-size:1.06rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.topbar,.nav,.share,.sidebar,.site-footer,.related,.comments{display:none}}

/* ---------- Banner a la derecha del logo ---------- */
.brand__in .ad{margin:0;flex:0 1 728px;max-width:728px}
@media(max-width:1000px){.brand__in{flex-wrap:wrap}.brand__in .ad{flex-basis:100%;max-width:100%}}

/* ---------- Carrusel de banners ---------- */
.rc{position:relative;display:grid;max-width:100%;margin:0 auto}
.rc__s{grid-area:1/1;min-width:0;opacity:0;pointer-events:none;transition:opacity .6s ease}
.rc__s.is-on{opacity:1;pointer-events:auto}
.rc__s img{display:block;width:100%;height:auto;margin:0 auto}
.rc__dots{position:absolute;left:0;right:0;bottom:5px;display:flex;justify-content:center;gap:5px;z-index:2}
.rc__dots button{width:7px;height:7px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.45);background:rgba(255,255,255,.85);cursor:pointer}
.rc__dots button.is-on{background:var(--accent);border-color:#fff}
@media(prefers-reduced-motion:reduce){.rc__s{transition:none}}

/* ---------- Tira de noticias con imágenes ---------- */
.strip{margin-top:36px}
.strip__nav{display:flex;gap:6px}
.strip__nav button{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;color:var(--ink)}
.strip__nav button:hover{border-color:var(--accent);color:var(--accent)}
.strip__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.strip__track::-webkit-scrollbar{display:none}
.sc{position:relative;flex:none;width:260px;aspect-ratio:1/1;scroll-snap-align:start;overflow:hidden;background:#000;color:#fff}
.sc__img,.sc__img img{display:block;width:100%;height:100%;object-fit:cover}
.sc__img .ph{height:100%}
.sc__txt{position:absolute;inset:auto 0 0 0;padding:48px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,0))}
.sc__k{display:block;font-size:12px;font-weight:800;color:#ffb38a;margin-bottom:3px}
.sc__t{display:block;font-weight:800;font-size:15px;line-height:1.2}
.sc:hover{color:#fff}
.sc:hover .sc__t{text-decoration:underline}
@media(max-width:700px){.sc{width:200px}}

/* ---------- Páginas de ancho completo ---------- */
.page-main{padding-top:var(--gap);padding-bottom:48px}
.entry--page .entry__head{max-width:none}
.entry__title--page{font-size:clamp(1.7rem,3.2vw,2.4rem);margin:0 0 20px;padding-bottom:12px;border-bottom:3px solid var(--accent)}
.entry__content--page{max-width:none;font-size:1rem;line-height:1.6;display:flow-root;clear:both;position:relative;isolation:isolate}
.entry__content--page>p,.entry__content--page>ul,.entry__content--page>ol,.entry__content--page>h2,.entry__content--page>h3,.entry__content--page>h4,.entry__content--page>blockquote{max-width:760px}
.entry__content--page img,.entry__content--page table{max-width:100%}
.entry__content--page img{height:auto}

/* Tercer nivel: el último ítem del menú abre hacia la izquierda para no salirse de la pantalla */
@media(min-width:1001px){
  .nav__menu>li:nth-last-child(-n+2) ul ul{left:auto;right:100%}
  .nav__menu ul .sub-toggle{margin-left:auto;margin-right:6px;transform:rotate(-90deg)}
  .nav__menu ul li{display:flex;align-items:center}
  .nav__menu ul li>a{flex:1}
}