/* Diario Lab · final identity and section palette */
:root {
  --yellow: #ffe900;
  --dl-poder: #b11e24;
  --dl-studio: #ed1462;
  --dl-cultura: #744ea1;
  --dl-podcasts: #86c3be;
  --dl-money: #0e4623;
  --dl-newsletters: #0d1b38;
  --dl-historias: #d5832d;
  --dl-opinion: #fee800;
  --dl-audiencia: #c4af9e;
}
.masthead-brand { display:flex; flex-direction:column; align-items:center; justify-self:center; width:min(100%,500px); }
.masthead-brand .brand { display:block; width:100%; max-width:none; height:auto; overflow:visible; }
.masthead-brand .brand img { width:100%; height:auto; transform:none; mix-blend-mode:normal; object-fit:contain; }
.masthead-brand > span { margin-top:-25px; font:750 10px/1 var(--sans); letter-spacing:.3em; white-space:nowrap; }
.footer-identity .footer-brand { width:min(100%,310px); height:auto; min-height:0; margin:0; padding:7px 11px; overflow:visible; background:#fff; }
.footer-identity .footer-brand img { width:100%; height:auto; transform:none; mix-blend-mode:normal; object-fit:contain; }
.footer-brand-line { display:block; margin-top:-15px; font:800 9px/1 var(--sans); letter-spacing:.24em; }
.footer-ledger { border-top-color:var(--yellow); }
.footer-identity { background:var(--yellow); }
.main-nav a[href*="/category/poder/"] { --nav-accent:var(--dl-poder); }
.main-nav a[href*="/category/studio/"] { --nav-accent:var(--dl-studio); }
.main-nav a[href*="/category/cultura/"] { --nav-accent:var(--dl-cultura); }
.main-nav a[href*="/category/podcasts/"] { --nav-accent:var(--dl-podcasts); }
.main-nav a[href*="/category/money/"] { --nav-accent:var(--dl-money); }
.main-nav a[href*="/category/historias/"] { --nav-accent:var(--dl-historias); }
.main-nav a[href*="/category/opinion/"] { --nav-accent:var(--dl-opinion); }
.main-nav a[href*="/newsletters/"] { --nav-accent:var(--dl-newsletters); }
.main-nav a[href*="/audiencia/"] { --nav-accent:var(--dl-audiencia); }
.main-nav a:hover,.main-nav a:focus-visible,.main-nav a[aria-current] { box-shadow:0 3px var(--nav-accent,var(--yellow)); }
.category-edition.sector-poder { --sector-accent:var(--dl-poder); --section-image:rgba(177,30,36,.52); }
.category-edition.sector-studio { --sector-accent:var(--dl-studio); --section-image:rgba(237,20,98,.5); }
.category-edition.sector-cultura { --sector-accent:var(--dl-cultura); --section-image:rgba(116,78,161,.5); }
.category-edition.sector-podcasts { --sector-accent:var(--dl-podcasts); --section-image:rgba(134,195,190,.5); }
.category-edition.sector-money { --sector-accent:var(--dl-money); --section-image:rgba(14,70,35,.52); }
.category-edition.sector-historias { --sector-accent:var(--dl-historias); --section-image:rgba(213,131,45,.5); }
.category-edition.sector-opinion { --sector-accent:var(--dl-opinion); --section-image:rgba(254,232,0,.58); }
.sector-poder .section-masthead { border-top-color:var(--dl-poder); --sector-accent:var(--dl-poder); }
.sector-studio .section-masthead { border-top-color:var(--dl-studio); --sector-accent:var(--dl-studio); }
.sector-cultura .section-masthead { background:#eee8f5; border-top-color:var(--dl-cultura); --sector-accent:var(--dl-cultura); }
.sector-podcasts .section-masthead { border-top-color:var(--dl-podcasts); --sector-accent:var(--dl-podcasts); }
.sector-money .section-masthead { background:#e1eadd; border-top-color:var(--dl-money); --sector-accent:var(--dl-money); }
.sector-historias .section-masthead { border-top-color:var(--dl-historias); --sector-accent:var(--dl-historias); }
.sector-opinion .section-masthead { border-top-color:var(--dl-opinion); --sector-accent:var(--dl-opinion); }
.contributor-mark.sector-poder { background:var(--dl-poder); }
.contributor-mark.sector-studio { background:var(--dl-studio); }
.contributor-mark.sector-cultura { background:var(--dl-cultura); }
.contributor-mark.sector-money { background:var(--dl-money); }
.video-ribbon .newspaper-heading { border-top-color:var(--dl-studio); }
.podcast-section .newspaper-heading { border-top-color:var(--dl-podcasts); }
.newsletter-band { border-top:5px solid var(--dl-newsletters); }
.opinion-section { border-top-color:var(--dl-opinion); }

/* Editorial motion: progressive enhancement, with a quiet static fallback. */
.dl-motion-progress { position:fixed; z-index:90; top:0; left:0; right:0; height:3px; pointer-events:none; }
.dl-motion-progress span { display:block; height:100%; width:100%; background:var(--yellow); transform:scaleX(0); transform-origin:left; }
.dl-motion-ready { opacity:0; transform:translate3d(0,34px,0); transition:opacity .75s ease,transform .9s cubic-bezier(.16,1,.3,1); }
.dl-motion-ready.dl-motion-visible { opacity:1; transform:none; }
.front-grid .story-card,.archive-grid .story-card,.three-grid .story-card { transition-delay:var(--motion-delay,0ms); }
.dl-motion-ready .card-image img,.dl-motion-ready .editorial-thumb img { transform:scale(1.05); transition:transform 1.3s cubic-bezier(.16,1,.3,1),filter .5s; }
.dl-motion-ready.dl-motion-visible .card-image img,.dl-motion-ready.dl-motion-visible .editorial-thumb img { transform:scale(1); }
.story-card a:hover .card-image img,.story-card a:focus-visible .card-image img { transform:scale(1.035); }
.story-card a:hover h3,.story-card a:focus-visible h3 { text-decoration:underline; text-decoration-color:var(--yellow); text-decoration-thickness:4px; text-underline-offset:5px; }
.category-edition .section-hero-image img { transition:transform 1s cubic-bezier(.16,1,.3,1); }
.category-edition .section-hero-image a:hover img,.category-edition .section-hero-image a:focus-visible img { transform:scale(1.035); }
.editorial-collage .collage-piece,.category-edition .section-name>.dl-icon,.front-lead .lead-image img { translate:0 var(--scene-shift,0px); }
@media(max-width:760px){
  .masthead-brand { width:min(100%,300px); }
  .masthead-brand > span { margin-top:-14px; font-size:7px; letter-spacing:.18em; }
  .footer-identity .footer-brand { width:min(100%,280px); }
  .footer-brand-line { margin-top:-12px; font-size:8px; }
  .dl-motion-ready { transform:translate3d(0,20px,0); }
}
@media(prefers-reduced-motion:reduce){
  .dl-motion-ready,.dl-motion-ready .card-image img,.dl-motion-ready .editorial-thumb img,.category-edition .section-hero-image img { opacity:1; transform:none; transition:none; }
  .editorial-collage .collage-piece,.category-edition .section-name>.dl-icon,.front-lead .lead-image img { translate:none; }
  .dl-motion-progress { display:none; }
}

/* YouTube keeps its native controls for captions, quality and accessibility. */
.youtube-stage { isolation:isolate; }
.youtube-mount { position:absolute; inset:0; }
.youtube-mount iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.player-edition,.player-cover-title { position:absolute; z-index:2; left:clamp(15px,3vw,32px); right:25px; color:#fff; text-shadow:0 2px 15px #000; pointer-events:none; }
.player-edition { top:clamp(15px,2vw,25px); font:800 10px/1.2 var(--sans); letter-spacing:.22em; }
.player-edition i { color:var(--dl-studio); font-style:normal; }
.player-cover-title { bottom:32px; width:min(78%,670px); font:600 clamp(22px,3.7vw,55px)/1.02 var(--serif); letter-spacing:-.04em; }
.youtube-launch::after { background:linear-gradient(to top,rgba(0,0,0,.85),transparent 70%); }
.youtube-launch:hover .video-play,.youtube-launch:focus-visible .video-play { border-color:var(--dl-studio); background:var(--dl-studio); transform:translate(-50%,-50%) scale(1.06); }
.video-play { transition:background .25s,border-color .25s,transform .3s; }
.dl-player.is-loading .youtube-launch { cursor:progress; }
.dl-player.is-loading .video-play > span { font-size:0; }
.dl-player.is-loading .video-play > span::after { content:'Cargando…'; font-size:12px; }
.dl-player.has-video-error .youtube-launch { display:block; }
.dl-player.has-video-error .video-play { border-color:var(--dl-studio); background:var(--dl-studio); }
.dl-video-controls { display:flex; align-items:center; gap:12px; padding:10px 15px; background:#171818; color:#fff; border-top:2px solid var(--dl-studio); font:700 10px/1 var(--sans); }
.dl-video-controls[hidden] { display:none; }
.dl-video-controls button { border:1px solid #737774; background:transparent; color:inherit; min-width:32px; height:32px; }
.dl-video-controls button:hover,.dl-video-controls button:focus-visible { background:var(--dl-studio); border-color:var(--dl-studio); }
.dl-video-controls input[type=range] { flex:1; min-width:60px; accent-color:var(--dl-studio); }
.ribbon-player .player-cover-title,.short-player .player-cover-title,.playlist-player .player-cover-title { font-size:clamp(15px,1.5vw,21px); bottom:18px; }
.ribbon-player .player-edition,.short-player .player-edition,.playlist-player .player-edition { font-size:7px; }
.ribbon-player .youtube-source,.short-player .youtube-source,.playlist-player .youtube-source { display:none; }
.ribbon-player .player-cover-title { display:none; }
.short-player .player-cover-title { font-size:20px; width:85%; }
@media(max-width:760px){
 .player-cover-title { font-size:clamp(21px,6vw,35px); bottom:20px; }
 .player-edition { font-size:8px; }
 .dl-video-controls { gap:6px; padding:8px; }
 .dl-video-controls button { min-width:28px; height:28px; }
 .dl-video-controls span { font-size:9px; }
}