/* Bastión Platense: acabado editorial, categorías y lectura. No conecta CMS. */
:root{--navy:#102c4d;--ink:#14243a;--blue:#1769b3;--cyan:#168cb5;--light:#43c4d2;--line:#dce5ed;--soft:#f3f7fa;--muted:#617286}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased}.wrap{max-width:1380px}.brandbar{background:#fff}.brandbar .wrap{min-height:143px}.brand strong{padding-top:15px;line-height:1.28;font-size:clamp(39px,5.25vw,76px);letter-spacing:.012em}.brand small{letter-spacing:.26em}.nav .wrap{justify-content:center;gap:clamp(21px,2.7vw,43px)}.nav a{transition:color .18s ease,border-color .18s ease}.home-intro{margin-top:32px}
.hero-grid{grid-template-columns:minmax(0,1.62fr) minmax(0,.85fr) 252px;gap:22px;padding-bottom:36px}.hero-primary{min-height:530px;border-radius:3px}.hero-primary h1{font-size:clamp(36px,3.5vw,52px);line-height:1.09;max-width:640px}.hero-primary p{max-width:555px}.stack-story{border-radius:3px}.stack-story .media{height:155px;min-height:155px}.story,.stack-story,.feature{transition:transform .18s ease}.story:hover,.stack-story:hover{transform:translateY(-3px)}.section-top{padding-top:24px}.homepage-section{padding-bottom:53px}.homepage-section .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.homepage-section .story .media{height:auto;aspect-ratio:16/8.5}.homepage-section .story h3{font-size:clamp(22px,2.3vw,30px);max-width:570px}.homepage-section .story p{max-width:570px;font-size:14px}.media{border-radius:3px;isolation:isolate}.media span{font-size:clamp(24px,3.2vw,43px);text-shadow:0 2px 12px #07274744}.media img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}.media:has(img) span{display:none}.media:has(img):before,.media:has(img):after{display:none}.hero-primary .media{border-radius:0}.pill{border-radius:2px}.note{margin-block:12px 26px;border-left-width:2px}
/* Categorías: ancho completo, sin barra lateral, grilla de notas coherente. */
body[data-view="category"] .category-hero{padding:20px 0 31px}body[data-view="category"] .category-hero h1{font-size:clamp(60px,8vw,103px);line-height:1.28;margin:0 0 4px}body[data-view="category"] .category-layout{display:block;padding:12px 0 72px}body[data-view="category"] .category-layout>.sidebar{display:none}body[data-view="category"] .category-layout>div{min-width:0}body[data-view="category"] .feature{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:34px;align-items:center;padding:7px 0 36px;margin-bottom:39px}body[data-view="category"] .feature .media{height:auto;min-height:0;aspect-ratio:16/10}body[data-view="category"] .feature h2{font-size:clamp(30px,3.45vw,47px);max-width:690px;line-height:1.14}body[data-view="category"] .feature p{font-size:15px;line-height:1.7;max-width:580px}body[data-view="category"] .list-title{margin-bottom:25px}body[data-view="category"] .listing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}body[data-view="category"] .listing .story>a{display:block}body[data-view="category"] .listing .story .media{height:auto;aspect-ratio:16/9}body[data-view="category"] .listing .story h3{font-size:clamp(23px,2.45vw,31px);max-width:580px}body[data-view="category"] .listing .story p{display:block;font-size:14px;max-width:600px;line-height:1.65}
/* Notas: lectura centrada con imagen grande y recomendadas al final. */
body[data-view="article"] .article-layout{display:block;padding:8px 0 70px}body[data-view="article"] .article{min-width:0}body[data-view="article"] .article-side{display:none}body[data-view="article"] .article>h1{max-width:1040px;font-size:clamp(43px,5.6vw,76px);line-height:1.11;letter-spacing:-.025em}body[data-view="article"] .article>.dek{max-width:930px;font-size:clamp(19px,2vw,23px)}body[data-view="article"] .article-meta{max-width:980px;margin-bottom:28px}body[data-view="article"] .article>.media{height:auto;aspect-ratio:16/8.8;max-height:660px;border-radius:3px;margin:0}body[data-view="article"] .caption{margin-top:11px;margin-bottom:29px}body[data-view="article"] .article>.note{max-width:760px;margin:20px auto 32px}body[data-view="article"] .bodycopy{max-width:760px;margin:32px auto 48px;font-size:20px;line-height:1.85}body[data-view="article"] .bodycopy p{margin-bottom:27px}body[data-view="article"] .article-action{max-width:760px;margin:0 auto 55px}body[data-view="article"] .related{border-top:2px solid var(--navy);padding-top:10px}body[data-view="article"] .related h2{border-top:0;font-size:37px}body[data-view="article"] .related .story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}body[data-view="article"] .related .story .media{height:auto;aspect-ratio:16/9}body[data-view="article"] .related .story h3{font-size:24px}body[data-view="article"] .related .story p{font-size:13px}.footer{padding:46px 0}.footer strong{color:#fff}.footer-nav{max-width:650px;justify-content:flex-end}.empty{min-height:52vh}
@media(max-width:1050px){.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.hero-grid>.sidebar{grid-column:1/-1}body[data-view="category"] .feature{gap:22px}body[data-view="article"] .related .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.wrap{padding-inline:16px}.brandbar .wrap{min-height:101px}.brand strong{font-size:clamp(23px,6.3vw,41px);padding-top:12px;line-height:1.3;letter-spacing:0}.brand small{letter-spacing:.12em}.nav .wrap{justify-content:flex-start;gap:0}.home-intro{margin-top:14px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:24px}.hero-primary{min-height:420px}.hero-primary h1{font-size:38px}.stack-story .media{height:115px;min-height:115px}.homepage-section{padding-bottom:36px}.homepage-section .story-grid{grid-template-columns:minmax(0,1fr);gap:25px}.homepage-section .story .media{aspect-ratio:16/9}.homepage-section .story h3{font-size:25px}.homepage-section .story p{display:block;font-size:13px}body[data-view="category"] .category-hero{padding:18px 0 26px}body[data-view="category"] .category-hero h1{font-size:clamp(51px,12vw,77px);line-height:1.29}body[data-view="category"] .feature{grid-template-columns:minmax(0,1fr);gap:13px}body[data-view="category"] .feature .media{aspect-ratio:16/9}body[data-view="category"] .feature h2{font-size:32px}body[data-view="category"] .listing{grid-template-columns:minmax(0,1fr);gap:30px}body[data-view="category"] .listing .story .media{aspect-ratio:16/9}body[data-view="category"] .listing .story h3{font-size:26px}body[data-view="article"] .article>h1{font-size:clamp(37px,9vw,51px);line-height:1.12}body[data-view="article"] .article>.media{aspect-ratio:4/3}body[data-view="article"] .bodycopy{font-size:18px;line-height:1.75}body[data-view="article"] .related h2{font-size:30px}body[data-view="article"] .related .story-grid{grid-template-columns:minmax(0,1fr);gap:26px}body[data-view="article"] .related .story .media{aspect-ratio:16/9}body[data-view="article"] .related .story p{display:block}.footer-nav{justify-content:flex-start}}
@media(max-width:380px){.hero-primary h1{font-size:34px}.brand strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.story,.stack-story,.feature,.nav a{transition:none}.story:hover,.stack-story:hover{transform:none}}
@media print{.utility,.nav,.brand-actions,.article-action,.related,.footer,.search-overlay{display:none!important}.brandbar .wrap{min-height:75px}.article>.media{break-inside:avoid}.bodycopy{font-size:12pt!important}}