/*
Theme Name: Informe E10
Theme URI: https://www.euro1080.tv/
Description: Tema propio de Euro 1080: tipografía editorial, un color por sección y fotos en 16:9.
Author: Redacción Euro 1080
Version: 1.0.2
Requires at least: 6.2
Tested up to: 6.9
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: informe-e10
Update URI: false
*/
@font-face{font-family:'Newsreader';font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/newsreader-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-weight:500;font-style:normal;font-display:swap;src:url(assets/fonts/newsreader-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-weight:700;font-style:normal;font-display:swap;src:url(assets/fonts/newsreader-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Condensed';font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/ibm-plex-sans-condensed-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Condensed';font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/ibm-plex-sans-condensed-latin-600-normal.woff2) format('woff2')}
:root{--tinta:#0F1A2B;--papel:#E3E8EF;--blanco:#fff;--gris:#475569;--borde:#6B7788;--linea:#B9C2D0;--foco:#0A6C80;--serif:'Newsreader',Georgia,'Times New Roman',serif;--cond:'IBM Plex Sans Condensed','Arial Narrow',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.5 var(--cond)}
img{max-width:100%;height:auto;display:block}
.inf-fr{container-type:inline-size}
.inf-in{--g:max(40px,calc((100cqi - 1200px) / 2));min-height:100vh;display:flex;flex-direction:column}
.inf-in>main{flex:1}
.inf-fr h1,.inf-fr h2,.inf-fr h3,.inf-fr p,.inf-fr ol,.inf-fr ul{margin:0;padding:0}
.inf-fr ol,.inf-fr ul{list-style:none}
.inf-fr a{color:inherit;text-decoration:none}
.inf-sal{--c:#0A6C80}.inf-dep{--c:#B53A08}.inf-act{--c:#7A2E8E}
.inf-skip{position:absolute;left:-9999px;top:0;background:var(--tinta);color:#fff;padding:12px 18px;z-index:50}
.inf-skip:focus{left:16px;top:16px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--foco);outline-offset:2px}
.inf-dark a:focus-visible,.inf-band a:focus-visible,.inf-ch a:focus-visible,.inf-ft a:focus-visible,.inf-lt a:focus-visible,.inf-tri a:focus-visible,.inf-band [tabindex]:focus-visible{outline-color:#7FD3E6}
/* Cabecera */
.inf-logo{display:inline-flex;align-items:center;gap:8px;color:inherit}
.inf-logo b{font:700 28px/1 var(--serif)}
.inf-logo i{font:600 15px/1 var(--cond);font-style:normal;border:2px solid currentColor;border-radius:3px;padding:3px 7px}
.inf-tb{position:relative;display:flex;align-items:center;gap:32px;padding:20px var(--g)}
.inf-tb nav{margin-left:auto}
.inf-tb nav ul{display:flex;gap:26px;font-weight:600}
.inf-tb nav a{display:block;padding-block:10px;border-bottom:3px solid transparent;transition:border-color 150ms ease-out}
.inf-tb nav a:hover,.inf-tb nav .current-menu-item>a{border-color:var(--c,var(--tinta))}
.inf-tb nav li.inf-sal>a,.inf-tb nav li.inf-dep>a,.inf-tb nav li.inf-act>a{color:var(--c)}
.inf-srch{position:relative}
.inf-srch summary{list-style:none;cursor:pointer;font-weight:600;border:1.5px solid var(--tinta);padding:0 16px;min-height:44px;display:inline-flex;align-items:center;transition:background 150ms ease-out,color 150ms ease-out}
.inf-srch summary::-webkit-details-marker{display:none}
.inf-srch summary:hover,.inf-srch[open] summary{background:var(--tinta);color:#fff}
.inf-srch form{position:absolute;right:0;top:52px;z-index:20;background:#fff;border:1.5px solid var(--tinta);padding:12px;display:flex;gap:8px;width:min(340px,86vw)}
.inf-srch input{flex:1;min-width:0}
.inf-mm{display:none}
.inf-mm summary{list-style:none;cursor:pointer;background:var(--tinta);color:#fff;font-weight:600;min-height:44px;padding:0 18px;display:inline-flex;align-items:center}
.inf-mm summary::-webkit-details-marker{display:none}
.inf-mm ul{position:absolute;right:16px;left:16px;top:64px;z-index:20;background:#fff;border:1.5px solid var(--tinta);padding:8px 16px}
.inf-mm li a{display:block;padding:12px 0;border-bottom:1px solid var(--linea);font-weight:600}
.inf-mm li:last-child a{border:0}
/* Fotos */
.inf-ph{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--tinta)}
.inf-ph::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.3),transparent 40%),linear-gradient(135deg,var(--c,var(--tinta)),var(--tinta) 135%)}
.inf-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 200ms ease-out}
.inf-card:hover .inf-ph img,.inf-li:hover .inf-ph img,.inf-lead:hover .inf-ph img{transform:scale(1.05)}
.inf-cat{font:600 15px var(--cond);color:var(--c)}
.inf-cat.inf-inv{background:var(--c);color:#fff;padding:3px 12px;display:inline-block}
time{font-size:15px;color:var(--gris)}
.inf-card{display:block}.inf-cb{padding-top:12px;display:grid;gap:4px}
.inf-card h3{font:500 21px/1.2 var(--serif);text-wrap:balance}
.inf-card:hover h3,.inf-li:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
/* Portada */
.inf-hero{display:grid;grid-template-columns:2fr 1fr;gap:36px;padding:8px var(--g) 40px}
.inf-lead{position:relative;display:block}
.inf-lead .inf-ph{aspect-ratio:16/10;min-height:420px;width:100%}
.inf-lt{position:absolute;inset:auto 0 0 0;padding:90px 36px 32px;background:linear-gradient(to top,rgba(15,26,43,.9),rgba(15,26,43,.78) 55%,rgba(15,26,43,0));color:#fff;display:grid;gap:12px;justify-items:start}
.inf-lt h1{font:700 clamp(34px,4.6cqi,62px)/1.04 var(--serif);max-width:17ch;text-wrap:balance;animation:inf-rise 500ms ease-out both}
.inf-lt time{color:#fff}
@keyframes inf-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.inf-latest h2,.inf-more h2{font:700 33px/1.1 var(--serif);margin-bottom:8px}
.inf-li{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--linea);align-items:start}
.inf-li h3{font:500 19px/1.2 var(--serif);margin-block:2px}
.inf-band{background:var(--c);color:#fff;padding:44px var(--g);display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:36px;align-items:start}
.inf-bh h2{overflow-wrap:anywhere;font:700 clamp(34px,4cqi,48px)/.95 var(--serif)}
.inf-bh p{margin-top:14px;font-size:17px}.inf-bh a{text-decoration:underline;text-underline-offset:4px}
.inf-strip{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 6px 12px;margin:-6px -6px 0;min-width:0}
.inf-strip .inf-card{flex:0 0 270px;scroll-snap-align:start}
.inf-band .inf-cat{display:none}.inf-band time,.inf-band .inf-card h3{color:#fff}
/* Categoría */
.inf-ch{background:var(--c);color:#fff;padding:40px var(--g) 56px}
.inf-crumbs{font-size:16px;margin-bottom:18px;display:block}
.inf-crumbs span[aria-hidden]{margin-inline:.4em}
.inf-ch h1{font:700 clamp(72px,14cqi,176px)/.88 var(--serif);overflow-wrap:anywhere}
.inf-cd{font:500 24px/1.3 var(--serif);max-width:38ch;margin-top:20px}
.inf-feat{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding:36px var(--g)}
.inf-card.inf-xl h3{font-size:clamp(28px,3.4cqi,42px)}
.inf-card.inf-xl .inf-ph{aspect-ratio:16/10}
.inf-two{display:grid;gap:24px;align-content:start}
.inf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px;padding:8px var(--g) 36px}
.inf-card.inf-w2{grid-column:span 2}.inf-card.inf-w2 .inf-ph{aspect-ratio:21/9}
.inf-pag{display:flex;gap:24px;justify-content:center;align-items:center;padding:8px var(--g) 48px;flex-wrap:wrap}
.inf-pag a,.inf-pag span.inf-off{border:1.5px solid var(--tinta);padding:0 18px;min-height:44px;display:inline-flex;align-items:center;font-weight:600}
.inf-pag span.inf-off{border-color:var(--linea);color:var(--gris)}
.inf-pag a:hover{background:var(--tinta);color:#fff}
/* Entrada */
.inf-ent{padding:28px max(40px,calc((100cqi - 1120px) / 2)) 56px}
.inf-ent>.inf-cat{display:inline-block;margin-bottom:10px;font-size:17px}
.inf-ent h1{font:700 clamp(38px,5.6cqi,68px)/1.04 var(--serif);max-width:20ch;text-wrap:balance}
.inf-meta{font-size:16px;color:var(--gris);margin:14px 0 24px}
.inf-ent>.inf-ph{margin-bottom:36px;aspect-ratio:16/9}
.inf-cols{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px}
.inf-idx{position:sticky;top:16px;align-self:start;display:grid;gap:12px}
.inf-idx h2{font:600 17px var(--cond)}
.inf-idx li{padding:7px 0;border-top:1px solid var(--linea);font-size:16px;line-height:1.3}
.inf-idx li a:hover{text-decoration:underline}
.inf-sh{display:flex;flex-wrap:wrap;gap:8px}
.inf-sh a,.inf-sh button{border:1.5px solid var(--tinta);background:transparent;color:inherit;font:600 16px var(--cond);padding:0 14px;min-height:44px;display:inline-flex;align-items:center;cursor:pointer;transition:background 150ms ease-out,color 150ms ease-out}
.inf-sh a:hover,.inf-sh button:hover{background:var(--tinta);color:#fff}
.inf-txt{font:400 21px/1.7 var(--serif);max-width:68ch}
.inf-txt p{margin-bottom:1.1em}
.inf-txt h2{font:700 33px/1.15 var(--serif);margin:1.5em 0 .5em}
.inf-txt h3{font:700 26px/1.2 var(--serif);margin:1.4em 0 .4em}
.inf-txt ul,.inf-txt ol{margin:0 0 1.1em 1.3em;padding:0}.inf-txt ul{list-style:disc}.inf-txt ol{list-style:decimal}
.inf-txt a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;color:var(--foco)}
.inf-txt img{height:auto}
.inf-txt blockquote{margin:1.4em 0;padding:0 0 0 20px;border-left:4px solid var(--c,var(--tinta));font-style:italic}
.inf-sigue{display:block;margin:1.4em 0;padding:14px 18px;background:#fff;font:600 17px var(--cond);color:var(--tinta)}
.inf-sigue a{color:var(--c,var(--foco));text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.inf-more{margin-top:56px}.inf-more .inf-two{grid-template-columns:1fr 1fr}
/* Páginas */
.inf-sob{padding:28px var(--g) 56px}
.inf-sob h1{font:700 clamp(44px,7.4cqi,100px)/.98 var(--serif);max-width:15ch;text-wrap:balance;margin-bottom:36px}
.inf-sg{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.inf-lede{font:500 26px/1.35 var(--serif);max-width:34ch}
.inf-tri{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px}
.inf-tri section{background:var(--c);color:#fff;padding:32px;display:grid;gap:10px;align-content:start}
.inf-tri h2{font:700 41px/1 var(--serif)}.inf-tri p{font-size:19px}
.inf-who{margin-top:32px;font-size:18px}.inf-who a,.inf-cf .inf-chk a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;color:var(--foco)}
.inf-con{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:28px var(--g) 56px}
.inf-con h1{font:700 clamp(56px,9.4cqi,128px)/.94 var(--serif);margin-bottom:24px}
.inf-con .inf-lede b{font-weight:600}.inf-con .inf-ph{aspect-ratio:4/3;margin-top:28px}
.inf-cf{background:#fff;padding:36px;display:grid;gap:6px;align-content:start}
.inf-cf label{font-weight:600;font-size:16px;margin-top:10px}
.inf-cf input,.inf-cf select,.inf-cf textarea,.inf-srch input{font:400 17px var(--cond);border:1.5px solid var(--borde);padding:12px;min-height:44px;background:#fff;color:var(--tinta);width:100%;border-radius:0}
.inf-srch button,.inf-cf button,.inf-btn{background:var(--tinta);color:#fff;font:600 17px var(--cond);border:0;min-height:44px;padding:0 22px;cursor:pointer;transition:background 150ms ease-out}
.inf-cf button{margin-top:22px;min-height:48px;justify-self:start}
.inf-srch button:hover,.inf-cf button:hover,.inf-btn:hover{background:#0A6C80}
.inf-cf .inf-chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-top:14px}
.inf-cf .inf-chk input{width:24px;min-height:24px;margin:2px 0 0;flex:none}
.inf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.inf-msg{padding:14px 18px;margin-bottom:12px;font-weight:600}
.inf-msg.ok{background:#fff;border-left:6px solid #0A6C80}.inf-msg.err{background:#fff;border-left:6px solid #B53A08}
.inf-leg{padding:28px var(--g) 64px}
.inf-leg h1{font:700 clamp(40px,6cqi,72px)/1 var(--serif);margin:0 0 28px;max-width:18ch}
.inf-e404{padding:48px var(--g) 64px}
.inf-e404 h1{font:700 clamp(56px,10cqi,140px)/.9 var(--serif);margin-bottom:18px}
.inf-e404 .inf-lede{margin-bottom:28px}
.inf-ft{display:flex;flex-wrap:wrap;gap:20px 48px;justify-content:space-between;align-items:flex-start;padding:36px var(--g);background:var(--tinta);color:#fff;font-size:16px;margin-top:48px}
.inf-ft a{text-decoration:underline;text-underline-offset:3px}
.inf-ft nav ul{display:flex;flex-wrap:wrap;gap:8px 22px}
.inf-ft .inf-logo{align-self:flex-start}
/* Aviso de cookies */
.inf-ck{position:fixed;left:16px;bottom:16px;z-index:60;max-width:440px;background:#fff;color:var(--tinta);border:1.5px solid var(--tinta);padding:18px 20px 16px;display:grid;gap:12px;font-size:16px}
.inf-ck[hidden]{display:none}
html:has(.inf-ck:not([hidden])){scroll-padding-bottom:320px}
.inf-ck::before{content:'';height:5px;margin:-18px -20px 2px;background:linear-gradient(90deg,#0A6C80 0 33.3%,#B53A08 33.3% 66.6%,#7A2E8E 66.6%)}
.inf-ck a{text-decoration:underline;color:var(--foco)}
.inf-acts{display:flex;gap:10px;flex-wrap:wrap}
.inf-acts button{font:600 16px var(--cond);min-height:44px;padding:0 18px;border:1.5px solid var(--tinta);background:var(--tinta);color:#fff;cursor:pointer}
.inf-acts button.alt{background:#fff;color:var(--tinta)}
.inf-acts button:hover{background:#0A6C80;color:#fff;border-color:#0A6C80}
@container (max-width:780px){
.inf-in{--g:16px}
.inf-tb{padding:14px 16px;gap:12px}.inf-tb nav,.inf-tb .inf-srch{display:none}.inf-mm{display:block;margin-left:auto;position:static}
.inf-hero{grid-template-columns:1fr;padding:0 16px 28px;gap:24px}
.inf-lead .inf-ph{min-height:280px;aspect-ratio:4/3}.inf-lt{padding:70px 18px 20px}.inf-lt h1{font-size:34px}
.inf-band{grid-template-columns:1fr;padding:28px 16px;gap:18px}.inf-strip .inf-card{flex-basis:230px}
.inf-ch{padding:28px 16px 40px}.inf-feat{grid-template-columns:1fr;padding:24px 16px}
.inf-grid{grid-template-columns:1fr;padding:8px 16px 28px}.inf-card.inf-w2{grid-column:auto}.inf-card.inf-w2 .inf-ph{aspect-ratio:16/9}
.inf-ent{padding:20px 16px 40px}.inf-cols{grid-template-columns:1fr;gap:24px}.inf-idx{position:static;order:2}.inf-txt{font-size:19px}.inf-more .inf-two{grid-template-columns:1fr}
.inf-sob,.inf-con,.inf-leg,.inf-e404{padding:20px 16px 40px}.inf-sg,.inf-con{grid-template-columns:1fr}.inf-tri{grid-template-columns:1fr}.inf-cf{padding:20px}
.inf-ft{padding:28px 16px}.inf-ck{left:8px;right:8px;bottom:8px;max-width:none}
.inf-ch h1{font-size:clamp(44px,15cqi,72px)}.inf-con h1,.inf-e404 h1{font-size:clamp(40px,13cqi,56px);overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){.inf-lt h1{animation:none}.inf-ph img,.inf-tb nav a,.inf-sh a,.inf-sh button,.inf-cf button,.inf-btn,.inf-srch summary{transition:none}.inf-card:hover .inf-ph img,.inf-li:hover .inf-ph img,.inf-lead:hover .inf-ph img{transform:none}}