/* Portada editorial vigente desde 30/09/2026. Alcance exclusivo: página principal. */
.page-home{--line:#dedede;--pn-border:#dedede;--pn-soft:#f6f6f6;--pn-muted:#626262;--pn-navy:#171717;--soft:#f6f6f6;--accent:#9e1c24}
:is(.page-home,.pn-shell) .mast-frame{display:flex;flex-direction:column}
:is(.page-home,.pn-shell) .mast{min-height:0;padding:16px;border-bottom:0}
:is(.page-home,.pn-shell) .brand img{height:106px;max-width:220px}
:is(.page-home,.pn-shell) .brand span{font-size:10px;letter-spacing:.1em}
:is(.page-home,.pn-shell) .mast-supplement{display:block;width:auto;align-self:center;padding:0 16px 12px;pointer-events:auto;border:0;color:var(--muted);font:11px/1.5 var(--sans)}
:is(.page-home,.pn-shell) .nav{order:3;border-top:1px solid var(--line);border-bottom:2px solid var(--ink)}
:is(.page-home,.pn-shell) .nav a{border:0;padding:14px 24px}
:is(.page-home,.pn-shell) .ticker{padding:8px 16px;margin-top:0;border-top:0;color:var(--muted);justify-content:space-between}
:is(.page-home,.pn-shell) .ticker>a{color:var(--accent);font-weight:600}
.page-home main{padding-top:24px}
.page-home .headline-main h1{font-size:clamp(2.2rem,4.2vw,3.65rem);line-height:1.12;letter-spacing:-.025em}
.page-home .headline-main p{font:1rem/1.6 var(--sans);max-width:64ch}
.page-home .headline-secondary h3{font-size:1.35rem;line-height:1.25}
.page-home .headline-secondary p{font:.85rem/1.5 var(--sans)}
.page-home .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.page-home .grid>.card,.page-home .grid>.card:nth-child(3n+1){grid-column:auto;margin:0;padding:0 0 24px;min-width:0}
.page-home .grid>.card h3,.page-home .grid>.card:nth-child(3n+1) h3{font-size:1.4rem;line-height:1.25;margin:8px 0}
.page-home .card p,.page-home .section-lead p{font:.94rem/1.6 var(--sans);color:#555}
.page-home .story-image{aspect-ratio:16/9}
.page-home .section-head,.page-home .section-title{border-top:2px solid var(--ink);margin-top:40px;padding:12px 0}
.page-home .section-head h2,.page-home .section-title h2{font-size:1.65rem}
.page-home .meta{display:block;margin-top:10px;font-size:.75rem}
.page-home .news-section{margin:48px 0}
.page-home .ad-slot>a,.page-home .ad-slot picture{background:#171717;border-color:#171717}
.page-home .ad-slot .ad-description{color:#eee}.page-home .ad-slot .ad-cta{border-color:#aaa}
.page-home .ad-slot>a:hover .ad-cta{color:#171717}
.page-home .pn-live,.page-home .pn-data-panel{color:#171717}
.page-home .pn-data>summary:hover,.page-home .pn-data[open]>summary,.page-home .pn-forecast{background:#f6f6f6}
.page-home .pn-data,.page-home .utility,.page-home .pn-panel-head,.page-home .pn-quote,.page-home .pn-metal-row{border-color:#dedede}
.page-home .pn-data-panel a{color:var(--accent)}
:is(.page-home,.pn-shell) footer{background:#f6f6f6;border-top-width:2px}
@media(max-width:900px){
 .page-home .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 :is(.page-home,.pn-shell) .mast{position:relative;display:flex;justify-content:center}
 :is(.page-home,.pn-shell) .menu{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#171717;color:#fff;border-color:#171717}
}
@media(max-width:600px){
 :is(.page-home,.pn-shell) .mast{justify-content:flex-start;padding:10px 16px 4px}
 :is(.page-home,.pn-shell) .brand img{height:69px;max-width:127px}
 :is(.page-home,.pn-shell) .mast-supplement{align-self:flex-start;padding:0 16px 8px;font-size:10px}
 :is(.page-home,.pn-shell) .ticker{margin-inline:0;gap:8px;padding:8px 16px}
 :is(.page-home,.pn-shell) .ticker .pn-reader-tools{margin-left:0}
 .page-home main{padding-top:16px}
 .page-home .headline-main h1{font-size:clamp(1.85rem,7.8vw,2.6rem);line-height:1.12}
 .page-home .headline-main>p{font-size:.94rem;line-height:1.55;margin:0 0 12px}
 .page-home .headline-secondary{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:start;padding-bottom:18px;margin-bottom:18px}
 .page-home .headline-secondary .story-image{grid-column:1;grid-row:1;margin:0;aspect-ratio:4/3}
 .page-home .headline-copy{grid-column:2;grid-row:1;min-width:0}
 .page-home .headline-copy h3{font-size:1.1rem;line-height:1.3;margin:5px 0}
 .page-home .headline-copy .meta{margin-top:8px;font-size:.7rem}
 .page-home .headline-secondary:not(:has(.story-image)){grid-template-columns:1fr}
 .page-home .headline-secondary:not(:has(.story-image)) .headline-copy{grid-column:1}
 .page-home .grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .page-home .grid>.card h3,.page-home .grid>.card:nth-child(3n+1) h3{font-size:1.4rem}
 .page-home .section-head,.page-home .section-title{margin-top:28px}
}

/* Lema lateral + conexiones sutiles: composición permanente, sin mantenimiento. */
:is(.page-home,.pn-shell) .mast{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:32px;align-items:center;padding:24px 32px;isolation:isolate}
:is(.page-home,.pn-shell) .mast .brand{grid-column:2;grid-row:1;z-index:1}
:is(.page-home,.pn-shell) .mast-tagline{grid-column:1;grid-row:1;justify-self:start;max-width:210px;margin:0;padding:10px 0;background:#fff;color:#17354a;font:500 17px/1.6 var(--serif);letter-spacing:.025em;z-index:1}
:is(.page-home,.pn-shell) .mast .mast-supplement{grid-column:3;grid-row:1;align-self:center;justify-self:end;max-width:240px;padding:10px 0;text-align:right;background:#fff;z-index:1;font:12px/1.7 var(--sans)}
:is(.page-home,.pn-shell) .mast-supplement time{display:block;color:#626262;text-transform:capitalize;font:inherit}
:is(.page-home,.pn-shell) .mast::before,:is(.page-home,.pn-shell) .mast::after{content:"";position:absolute;top:50%;width:30%;height:90px;transform:translateY(-50%);z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='90' viewBox='0 0 360 90'%3E%3Cg fill='none' stroke='%2317354a' stroke-opacity='.12'%3E%3Cpath d='M0 70H80L130 20H230L280 60H360M0 80H110L160 35H245L290 75H360'/%3E%3C/g%3E%3Cg fill='%2317354a' fill-opacity='.22'%3E%3Ccircle cx='80' cy='70' r='3'/%3E%3Ccircle cx='230' cy='20' r='3'/%3E%3C/g%3E%3Ccircle cx='280' cy='60' r='3' fill='%239e1c24' fill-opacity='.45'/%3E%3C/svg%3E") center/contain no-repeat}
:is(.page-home,.pn-shell) .mast::before{left:24px}:is(.page-home,.pn-shell) .mast::after{right:24px;transform:translateY(-50%) scaleX(-1)}
@media(max-width:900px){
 :is(.page-home,.pn-shell) .mast{grid-template-columns:minmax(0,1fr) auto;gap:0;padding:12px 16px 8px}
 :is(.page-home,.pn-shell) .mast .brand{grid-column:1;grid-row:1;justify-self:start;align-items:flex-start}
 :is(.page-home,.pn-shell) .mast-tagline,:is(.page-home,.pn-shell) .mast::before,:is(.page-home,.pn-shell) .mast::after{display:none}
 :is(.page-home,.pn-shell) .mast .mast-supplement{grid-column:1/-1;grid-row:2;justify-self:start;max-width:none;padding:6px 0 0;text-align:left;font-size:10px}
 :is(.page-home,.pn-shell) .mast-supplement time{display:block}
 :is(.page-home,.pn-shell) .mast .menu{grid-column:2;grid-row:1;position:static;transform:none;justify-self:end}
}

/* Pie horizontal compacto de portada. */
:is(.page-home,.pn-shell) .footer-compact{grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:18px 32px;padding:24px max(calc((100vw - var(--max))/2),16px) 18px}
.footer-compact .footer-brand img{display:block;width:100px;height:auto;mix-blend-mode:multiply}
.footer-compact .footer-links{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}
.footer-compact a{margin:0;padding:8px 0;text-decoration:none;line-height:1.5}
.footer-compact a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-compact .footer-contact{text-align:right;font-size:12px;overflow-wrap:anywhere}
.footer-compact .footer-contact a{padding:4px 0}
.footer-compact .footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px;border-top:1px solid #dedede;padding-top:10px;color:#626262;font-size:11px}
.footer-compact .footer-legal span{margin-right:auto}
@media(max-width:900px){:is(.page-home,.pn-shell) .footer-compact{grid-template-columns:110px minmax(0,1fr);gap:12px 24px}.footer-compact .footer-contact{grid-column:2;text-align:left;display:flex;flex-wrap:wrap;gap:4px 16px}}
@media(max-width:600px){:is(.page-home,.pn-shell) .footer-compact{grid-template-columns:1fr;gap:12px;padding:20px 16px 16px}.footer-compact .footer-brand img{width:80px}.footer-compact .footer-links{gap:0 18px;font-size:12px}.footer-compact .footer-contact{grid-column:1}.footer-compact .footer-legal{gap:0 16px}.footer-compact .footer-legal span{flex-basis:100%;margin-bottom:4px}}
