/* Application of the supplied Elecciones design system, version 0.1. */
:root,html[data-design=editorial]{
 --font-editorial:var(--fuente-serif);--font-ui:var(--fuente-sans);
 --ink:var(--color-texto);--muted:var(--color-texto-secundario);--line:var(--color-filete);
 --paper:var(--color-fondo);--teal:var(--color-acento);
 --page-width:1200px;--page-margin:40px;--grid-gap:24px;
}
html{scroll-padding-top:80px}
html[data-design=editorial] body{font-family:var(--font-ui);font-size:16px;line-height:1.5;color:var(--color-texto);background:var(--color-fondo);-webkit-font-smoothing:antialiased}
html[data-design=editorial] main{width:calc(100% - 2 * var(--page-margin));max-width:var(--page-width);padding:0 0 64px;min-width:0}
html[data-design=editorial] :is(h1,h2,h3,h4){font-family:var(--font-editorial);font-optical-sizing:auto;color:var(--color-texto)}
html[data-design=editorial] h1{font:var(--tipo-apertura);letter-spacing:-.015em;margin:12px 0 24px;max-width:1000px}
html[data-design=editorial] h2{font:var(--tipo-modulo);letter-spacing:0;margin:0 0 24px}
html[data-design=editorial] h3{font:var(--tipo-subtitulo);letter-spacing:0;margin:0 0 16px}
html[data-design=editorial] p{color:var(--color-texto);margin:0 0 20px}
html[data-design=editorial] p:last-child{margin-bottom:0}
html[data-design=editorial] .lede,html[data-design=editorial] .page-intro .lede{font:var(--tipo-entradilla);max-width:760px;color:var(--color-texto)}
html[data-design=editorial] .eyebrow{font:var(--tipo-rotulo);letter-spacing:.08em;text-transform:uppercase;color:var(--color-texto-secundario);margin:0 0 12px}
html[data-design=editorial] .quiet{font:var(--tipo-fuente);color:var(--color-texto-secundario)}
html[data-design=editorial] .page-intro{padding:64px 0 40px;max-width:1000px}
html[data-design=editorial] section{margin-bottom:64px}
html[data-design=editorial] .section-head{align-items:end;margin-bottom:24px;gap:24px}
html[data-design=editorial] .section-head h2{font:var(--tipo-modulo);margin:0}
html[data-design=editorial] .section-head>a{font:var(--tipo-fuente);color:var(--color-acento)}
html[data-design=editorial] :is(.guide-copy,.service-reading,.service-lead,.article-lead,.government-law-summary,.live-entry-body){font-family:var(--font-editorial);font-size:19px;line-height:31px;font-optical-sizing:auto}
html[data-design=editorial] :is(.guide-copy,.service-reading,.service-lead)>:is(p,ul,ol){max-width:600px}
html[data-design=editorial] :is(.guide-copy,.service-reading) :is(p,li){font:var(--tipo-cuerpo);color:var(--color-texto)}
html[data-design=editorial] .guide-copy .article-lead{font:var(--tipo-entradilla)}
html[data-design=editorial] :is(.guide-copy,.service-reading) :is(h2,h3){max-width:600px}
html[data-design=editorial] .guide-copy .guide-section-sources,html[data-design=editorial] .guide-copy .guide-section-sources a{font:var(--tipo-fuente)}
html[data-design=editorial] :is(.guide-reviewed,.guide-sources,.guide-sources p,.guide-sources li,.guide-sources a,.source-directory li,.source-directory li span){font:var(--tipo-fuente);color:var(--color-texto-secundario)}
html[data-design=editorial] :is(.guide-sources,.source-directory) a{color:var(--color-acento);text-decoration:underline;text-underline-offset:.18em}
html[data-design=editorial] :is(.guide-copy,.service-reading,.article-lead,.notice,.guide-sources,.verification-flow) a{color:var(--color-acento);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
html[data-design=editorial] :is(.guide-copy,.service-reading,.guide-sources) a:hover{color:var(--color-acento-intenso);text-decoration-thickness:2px}
html[data-design=editorial] :focus-visible{outline:2px solid var(--color-acento);outline-offset:2px}
html[data-design=editorial] .skip:focus{position:fixed;top:8px;left:16px;z-index:500;background:var(--color-fondo);color:var(--color-acento);padding:12px 16px}
::selection{background:var(--color-acento-suave);color:var(--color-texto)}
.graphic-icon{display:inline-block;vertical-align:middle;flex-shrink:0;overflow:visible}

/* Controls retain their labels and states at all sizes. */
html[data-design=editorial] :is(button,.button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 20px;border:1px solid var(--color-acento);border-radius:2px;background:var(--color-acento);color:var(--color-fondo);font:var(--tipo-control);text-decoration:none;cursor:pointer;transition:background var(--mov-rapido) var(--mov-curva),border-color var(--mov-rapido) var(--mov-curva)}
html[data-design=editorial] :is(button,.button):hover{background:var(--color-acento-intenso);border-color:var(--color-acento-intenso);text-decoration:none}
html[data-design=editorial] .secondary{background:transparent;color:var(--color-texto);border:1px solid var(--color-borde-control);font:var(--tipo-control);padding:9px 16px}
html[data-design=editorial] .secondary:hover{background:var(--color-acento-suave);color:var(--color-acento-intenso);border-color:var(--color-acento)}
html[data-design=editorial] :is(button,.button):disabled{opacity:1;color:var(--color-desactivado);background:var(--color-desactivado-fondo);border-color:var(--color-filete);cursor:default}
html[data-design=editorial] label{font:600 16px/24px var(--font-ui);margin-bottom:16px}
html[data-design=editorial] :is(input,select,textarea){font:400 16px/24px var(--font-ui);min-width:0;min-height:48px;padding:11px 14px;border:1px solid var(--color-borde-control);border-radius:2px;background:var(--color-fondo);color:var(--color-texto)}
html[data-design=editorial] select{padding-right:32px;font-weight:600}
html[data-design=editorial] :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;min-width:20px;min-height:20px;padding:0;margin:0;accent-color:var(--color-acento)}
html[data-design=editorial] .filters{gap:24px;align-items:end;margin:24px 0 32px;flex-wrap:wrap}
html[data-design=editorial] .filters label{min-width:200px;margin-bottom:0}
html[data-design=editorial] :is(.live-tabs,.topic-filters,.chamber-presets){display:flex;flex-wrap:wrap;gap:8px}
html[data-design=editorial] :is(.live-tabs,.topic-filters) button{background:transparent;border-color:var(--color-borde-control);color:var(--color-texto);font:600 15px/22px var(--font-ui);padding:10px 16px}
html[data-design=editorial] :is(.live-tabs,.topic-filters) [aria-pressed=true]{background:var(--color-acento-suave);border-color:var(--color-acento);color:var(--color-acento-intenso);box-shadow:inset 0 -2px var(--color-acento)}
html[data-design=editorial] .finder{gap:12px;align-items:end}
html[data-design=editorial] .finder label{margin:0}
html[data-design=editorial] .finder :is(input,button){min-height:48px}
html[data-design=editorial] .notice{border:0;border-top:2px solid var(--color-atencion-marca);border-radius:0;background:var(--color-atencion-fondo);padding:20px 24px;color:var(--color-atencion);font:400 16px/25px var(--font-ui);margin-bottom:32px}
html[data-design=editorial] #manual-error:not(:empty){padding:16px;border-top:2px solid var(--color-error);color:var(--color-error);background:var(--color-error-fondo)}
html[data-design=editorial] :is(#manual-error:empty,.chamber-status:empty){margin:0;min-height:0}

/* Masthead and navigation share the same geometry in every template. */
.graphic-header-slot{width:100%;position:relative;margin:0}
html[data-design=editorial] .graphic-header{width:100%;max-width:none;margin:0;padding:0;background:var(--color-fondo);border:0;border-bottom:4px double var(--color-texto);z-index:var(--z-cabecera)}
.graphic-header-inner{width:calc(100% - 2 * var(--page-margin));max-width:var(--page-width);margin:auto}
html[data-design=editorial] .edition-line{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;font:var(--tipo-fuente);padding:12px 0;border-bottom:1px solid var(--color-filete);letter-spacing:0}
.edition-line a{color:var(--color-acento)}
html[data-design=editorial] .masthead-row{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;min-height:112px;padding:16px 0}
html[data-design=editorial] .masthead{grid-column:2;grid-row:1;font-family:var(--font-editorial);font-weight:800;font-size:64px;line-height:1;letter-spacing:-.02em;justify-self:center;color:var(--color-texto)}
html[data-design=editorial] .masthead span{font:500 11px/16px var(--font-ui);letter-spacing:.06em;padding-top:12px}
.header-territory{display:inline-flex;gap:12px;align-items:center;grid-column:1;grid-row:1;font:var(--tipo-fuente);color:var(--color-texto-secundario);justify-self:start;min-height:44px}
.header-territory strong{display:block;color:var(--color-texto);font-size:16px;font-weight:600}
.header-actions{grid-column:3;grid-row:1;display:flex;gap:16px;align-items:center;justify-self:end}
html[data-design=editorial] .header-actions .search-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:24px;color:var(--color-texto)}
html[data-design=editorial] .graphic-header .menu-toggle{display:none;grid-column:1;grid-row:1;padding:8px;gap:8px;min-width:44px;font:600 14px/20px var(--font-ui)}
html[data-design=editorial] .graphic-header #navigation{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:24px;margin:0;padding:0;border-top:1px solid var(--color-filete);font:600 16px/24px var(--font-ui);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
.graphic-header #navigation::-webkit-scrollbar{display:none}
html[data-design=editorial] .graphic-header #navigation a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-height:52px;padding:12px 0 9px;border-bottom:3px solid transparent;color:var(--color-texto);text-decoration:none}
html[data-design=editorial] .graphic-header #navigation [aria-current=page]{border-bottom-color:var(--color-texto);text-decoration:none;color:var(--color-texto)}
.nav-short{display:none}
html[data-design=editorial] .live-dot{width:8px;height:8px;background:var(--color-directo);margin:0;border-radius:50%}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .graphic-header-inner{display:flex;align-items:center;gap:20px;min-height:56px}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .edition-line,html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .header-territory{display:none}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .masthead-row{display:contents}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .masthead{order:0;font-size:28px;letter-spacing:-.015em}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .masthead span{display:none}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) #navigation{order:1;flex:1;min-width:0;justify-content:center;gap:16px;border:0;font-size:14px}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) #navigation a{min-height:56px;padding-top:14px}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .header-actions{order:2;gap:8px}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .header-vote{font-size:14px;padding:7px 12px;min-height:36px;white-space:nowrap}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .nav-long{display:none}
html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .nav-short{display:inline}
html[data-design=editorial] .graphic-header--scrolled{position:fixed;top:0;left:0;border-bottom:1px solid var(--color-filete)}
html[data-design=editorial] .graphic-menu{width:min(620px,100%);max-width:100%;max-height:100dvh;margin:0 0 0 auto;padding:32px;border:0;border-left:1px solid var(--color-filete);background:var(--color-fondo);color:var(--color-texto);box-shadow:var(--sombra-capa);z-index:var(--z-dialogo);overflow:auto}
.graphic-menu::backdrop{background:rgba(23,23,23,.42)}
.graphic-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.graphic-menu-heading .brand{font:800 32px/40px var(--font-editorial)}
.graphic-menu-heading button{width:44px;padding:8px}
.graphic-menu>nav{display:grid;margin:24px 0}
.graphic-menu>nav>a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 0;min-height:70px;border-top:1px solid var(--color-filete);text-decoration:none}
.graphic-menu>nav>a strong{font:700 24px/30px var(--font-editorial)}
.graphic-menu>nav>a span{font:var(--tipo-fuente);color:var(--color-texto-secundario)}
.graphic-menu>nav>a .graphic-icon{grid-column:2;grid-row:1/3;align-self:center}
.graphic-menu>nav>[aria-current=page]{border-top:2px solid var(--color-acento)}
.graphic-menu-utilities{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--color-texto);padding-top:24px;font:var(--tipo-fuente)}
.graphic-menu-utilities a{min-height:32px;color:var(--color-acento)}

/* Editorial cards and reading layouts. */
html[data-design=editorial] .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0;margin:24px 0 48px}
html[data-design=editorial] body .cards .card{border:0;border-top:1px solid var(--color-texto);border-radius:0;background:transparent;box-shadow:none;transform:none;min-height:0;padding:20px 0 24px;align-items:start;gap:16px}
html[data-design=editorial] body .cards .card:hover{background:var(--color-superficie);transform:none}
html[data-design=editorial] .cards :is(.card h2,.card h3){font:var(--tipo-tarjeta);margin:0 0 12px}
html[data-design=editorial] .cards .card p{font:400 16px/25px var(--font-ui);color:var(--color-texto-secundario);margin:0}
html[data-design=editorial] body .cards .tool-card{background:var(--color-superficie);padding:20px}
html[data-design=editorial] .card .icon{display:inline-flex;align-items:start;justify-content:center;width:28px;height:32px;border:0;border-radius:0;background:transparent;color:var(--color-texto)}
html[data-design=editorial] .panel{background:transparent;border:0;border-top:1px solid var(--color-texto);padding:24px 0;border-radius:0;box-shadow:none;margin-bottom:32px;min-width:0}
html[data-design=editorial] .navy{background:var(--color-superficie);padding:24px;color:var(--color-texto)}
html[data-design=editorial] .navy :is(p,.eyebrow){color:var(--color-texto-secundario)}
html[data-design=editorial] .duo{gap:32px;grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-design=editorial] .hero{padding:64px 0;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:64px;border-bottom:1px solid var(--color-filete);margin:0 0 48px;align-items:center}
html[data-design=editorial] .hero h1{font:var(--tipo-portada);letter-spacing:-.02em;max-width:760px;margin:0 0 24px}
html[data-design=editorial] .hero .lede{font:var(--tipo-entradilla);max-width:600px;margin-bottom:24px}
html[data-design=editorial] .hero .finder{max-width:650px;margin-top:0}
html[data-design=editorial] .hero .finder label{font:600 16px/24px var(--font-ui)}
html[data-design=editorial] .hero .finder input{font:400 16px/24px var(--font-ui);padding:11px 14px;min-height:48px}
html[data-design=editorial] .hero .quiet{font:var(--tipo-fuente);margin-top:16px;color:var(--color-texto-secundario)}
html[data-design=editorial] .hero-art{height:auto;max-width:340px;justify-self:end;filter:saturate(.45);background:transparent;border:0;border-radius:0}
.hero-art img{display:block;width:100%;height:auto}
html[data-design=editorial] .election-countdown{grid-template-columns:1.4fr 1fr auto;gap:32px;border-bottom:1px solid var(--color-filete);padding:32px 0;margin:0}
html[data-design=editorial] .countdown-heading h2{font:var(--tipo-subtitulo);margin:8px 0 12px}
html[data-design=editorial] .countdown-heading p{font:var(--tipo-fuente);color:var(--color-texto-secundario);margin:0}
html[data-design=editorial] .countdown-heading .eyebrow{font:var(--tipo-rotulo)}
html[data-design=editorial] .countdown-digits{gap:24px}
html[data-design=editorial] .countdown-digits strong{font:var(--tipo-cifra);font-variant-numeric:tabular-nums}
html[data-design=editorial] .countdown-digits span{font:600 13px/20px var(--font-ui);letter-spacing:.04em}
html[data-design=editorial] .countdown-link{font:var(--tipo-fuente);color:var(--color-acento)}
html[data-design=editorial] .home-live{padding:24px 0;margin:0 0 64px;border:0;border-top:1px solid var(--color-texto);border-bottom:1px solid var(--color-filete);border-radius:0;background:transparent;gap:32px}
html[data-design=editorial] .home-live h2{font:var(--tipo-modulo);margin:12px 0}
html[data-design=editorial] .home-live p{font:var(--tipo-meta)}
html[data-design=editorial] .home-live .eyebrow{display:flex;align-items:center;gap:8px;font:var(--tipo-rotulo);color:var(--color-directo)}
html[data-design=editorial] .home-answers{background:var(--color-superficie);border:0;border-top:1px solid var(--color-texto);border-radius:0;padding:32px;margin:0 0 64px}
html[data-design=editorial] .service-explain-grid{gap:32px}
html[data-design=editorial] .service-explain-grid :is(h2,h3){font:var(--tipo-subtitulo)}
html[data-design=editorial] .service-explain-grid p{font:400 17px/27px var(--font-ui)}
html[data-design=editorial] .news-card{border:0;border-top:1px solid var(--color-filete);border-radius:0;background:transparent;padding:20px 0;min-width:0}
html[data-design=editorial] .news-card h3{font:var(--tipo-tarjeta);margin:16px 0 0}
html[data-design=editorial] .news-card :is(time,.eyebrow){font:var(--tipo-fuente);color:var(--color-texto-secundario)}
html[data-design=editorial] .news-card h3 a{color:var(--color-texto)}
html[data-design=editorial] .news-carousel{gap:24px;grid-auto-columns:minmax(280px,calc((100% - 48px)/3))}
html[data-design=editorial] .news-controls button{min-width:44px;padding:8px}
html[data-design=editorial] .guide-layout{grid-template-columns:minmax(0,600px) minmax(250px,1fr);gap:64px;align-items:start}
html[data-design=editorial] .guide-section{padding:32px 0;border-color:var(--color-filete);margin-bottom:0}
html[data-design=editorial] .guide-section h2{font:var(--tipo-modulo)}
html[data-design=editorial] .guide-section-sources{background:var(--color-superficie);border:0;border-top:1px solid var(--color-filete);padding:16px;margin:24px 0 0}
html[data-design=editorial] .guide-index :is(ol,li,a){font:400 16px/25px var(--font-ui)}
html[data-design=editorial] .guide-index li{margin:12px 0}
html[data-design=editorial] .guide-related{font:400 16px/24px var(--font-ui);gap:16px}
html[data-design=editorial] .guide-facts{gap:24px;margin:32px 0}
html[data-design=editorial] .guide-facts>div{padding:20px;background:var(--color-superficie);border:0;border-top:1px solid var(--color-texto);border-radius:0}
html[data-design=editorial] .guide-facts span{font:var(--tipo-fuente);color:var(--color-texto-secundario)}
html[data-design=editorial] .guide-facts strong{font:700 22px/30px var(--font-editorial)}
html[data-design=editorial] :is(.guide-faq,.chamber-source-detail,.seat-history-grouping) summary{font:600 16px/25px var(--font-ui);min-height:44px;cursor:pointer;padding:10px 0}
html[data-design=editorial] .guide-faq details{padding:12px 0;border-color:var(--color-filete)}
html[data-design=editorial] .guide-faq p{font:var(--tipo-cuerpo);max-width:600px}
html[data-design=editorial] .service-infographic{padding:32px 0;margin:32px 0;border-top:1px solid var(--color-texto);border-bottom:1px solid var(--color-filete)}
html[data-design=editorial] .service-infographic>h2{font:var(--tipo-modulo)}
html[data-design=editorial] .visual-steps{gap:32px;margin:24px 0}
html[data-design=editorial] .visual-step{padding:0 24px 0 0;border-color:var(--color-filete)}
html[data-design=editorial] .visual-step-number{font:var(--tipo-rotulo);letter-spacing:.08em;color:var(--color-texto-secundario);margin-bottom:16px}
html[data-design=editorial] .visual-step h3{font:var(--tipo-tarjeta);margin:0 0 12px}
html[data-design=editorial] .visual-step p{font:400 16px/25px var(--font-ui);color:var(--color-texto)}
html[data-design=editorial] .visual-step .graphic-icon{color:var(--color-texto);margin-bottom:16px}
html[data-design=editorial] .steps li{border:0;border-top:1px solid var(--color-filete);border-radius:0;padding:24px 0;background:transparent}
html[data-design=editorial] .steps b{font:400 32px/40px var(--font-editorial);background:transparent;color:var(--color-texto);border-radius:0}
html[data-design=editorial] .steps h2{font:var(--tipo-subtitulo)}
html[data-design=editorial] .steps p{font:400 17px/27px var(--font-ui)}

/* Data surfaces, sources and simulations. */
html[data-design=editorial] :is(table,table input){font:var(--tipo-dato);font-variant-numeric:tabular-nums lining-nums}
/* Libre Franklin has proportional digits; Literata supplies verified tabular figures. */
html[data-design=editorial] :is(.numeric-table tbody td,.hemicycle-table tbody tr>td:nth-child(n+3),.hemicycle-table tfoot td,#payment-table tbody td,#comparison tr>td:nth-child(n+2),#investiture-tool tbody tr>td:nth-child(2),#allocation tbody tr>td:not(:nth-child(2)),.result-summary .panel>strong,.seat-option strong,input[type=number]){font-family:var(--fuente-cifras);font-variant-numeric:tabular-nums lining-nums}
html[data-design=editorial] table :is(th,td){padding:16px 12px;border-color:var(--color-filete);background:transparent;white-space:normal;vertical-align:middle}
html[data-design=editorial] table thead th{background:var(--color-superficie);font:700 13px/20px var(--font-ui);letter-spacing:.03em}
html[data-design=editorial] table tbody th{background:transparent;font-weight:600}
html[data-design=editorial] table caption{font:var(--tipo-fuente);color:var(--color-texto-secundario);padding-bottom:16px;font-weight:400;white-space:normal}
html[data-design=editorial] .result-table{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}
html[data-design=editorial] .seat-total{font:var(--tipo-cifra);font-variant-numeric:tabular-nums}
html[data-design=editorial] .seat-option{min-height:48px;gap:12px;padding:12px 0;font:400 16px/24px var(--font-ui);border-color:var(--color-filete)}
html[data-design=editorial] .seat-option strong{font-weight:600}
html[data-design=editorial] .seat-swatch{width:10px;height:10px;border-radius:0}
html[data-design=editorial] .manual-row{grid-template-columns:24px minmax(0,1fr) 84px 44px;gap:12px;align-items:center;margin-bottom:16px}
html[data-design=editorial] .manual-row :is(input,button){min-width:0;width:100%}
html[data-design=editorial] .manual-row button{padding:8px}
html[data-design=editorial] .seat-visual{padding:24px;background:var(--color-superficie)}
html[data-design=editorial] #allocation{max-width:100%;overflow-x:auto}
html[data-design=editorial] .bar-row{grid-template-columns:100px minmax(0,1fr);gap:16px;margin:24px 0}
html[data-design=editorial] .bar-row>b{font:600 16px/24px var(--font-ui)}
html[data-design=editorial] .bar-value{display:block;font:var(--tipo-fuente);color:var(--color-texto);margin:8px 0 4px}
html[data-design=editorial] .comparison-group-bars .bar{height:18px;padding:0;min-width:0;border:1px solid var(--comparison-party-color);background:var(--color-fondo);color:var(--color-texto)}
html[data-design=editorial] .comparison-group-bars .comparison-bar-2023{background:var(--comparison-party-color)}
html[data-design=editorial] .comparison-group-bars .bar[data-zero=true]{border-width:0}
html[data-design=editorial] :is(.comparison-picker,.programme-compare-party){background:var(--color-superficie);border:0;border-top:1px solid var(--color-texto);border-radius:0;padding:24px}
html[data-design=editorial] .programme-compare-heading{padding-bottom:24px;gap:16px;border-color:var(--color-filete)}
html[data-design=editorial] .programme-compare-heading h2{font:var(--tipo-subtitulo)}
html[data-design=editorial] :is(.programme-compare-heading p,.programme-compare-status span,.programme-compare-status p,.programme-compare-link,.proposal-facts){font:var(--tipo-fuente)}
html[data-design=editorial] .programme-compare-status span{border:1px dashed var(--color-borde-control);background:transparent;border-radius:0;padding:8px 12px;color:var(--color-texto-secundario)}
html[data-design=editorial] .party-monogram{border-radius:0;font-family:var(--font-ui)}
html[data-design=editorial] .election-census-grid strong{font:400 40px/48px var(--font-editorial);font-variant-numeric:tabular-nums}
html[data-design=editorial] .election-census-grid span{font:var(--tipo-fuente)}
html[data-design=editorial] .election-census-grid>div{border-color:var(--color-filete)}

/* Newsroom entries preserve attribution and the reader's position. */
html[data-design=editorial] .live-hero{max-width:1000px;margin:64px 0 40px}
html[data-design=editorial] .live-hero h1{font:var(--tipo-apertura);max-width:1000px}
html[data-design=editorial] .live-active .eyebrow{color:var(--color-directo)}
html[data-design=editorial] .live-archive .live-dot{background:var(--color-texto-secundario);border-radius:0}
html[data-design=editorial] .live-layout{grid-template-columns:minmax(0,1fr) 310px;gap:64px}
html[data-design=editorial] .live-entry{border:0;border-top:1px solid var(--color-filete);padding:24px 0;margin:0;gap:16px}
html[data-design=editorial] .live-entry h3{font:700 27px/34px var(--font-editorial);margin:16px 0}
html[data-design=editorial] .live-avatar{width:32px;height:32px;flex-basis:32px;border-radius:0;background:transparent;border:1px solid var(--color-filete);color:var(--color-texto);font:600 13px/20px var(--font-ui)}
html[data-design=editorial] .live-meta{font:var(--tipo-fuente);color:var(--color-texto-secundario);gap:8px 16px}
html[data-design=editorial] .live-meta :is(a,span,time){font:var(--tipo-fuente)}
html[data-design=editorial] .live-entry-body>p:not(.live-original-date){font:var(--tipo-cuerpo);color:var(--color-texto);max-width:600px}
html[data-design=editorial] .live-entry :is(.live-original-date,.live-source,.live-entry-label){font:var(--tipo-fuente);color:var(--color-texto-secundario)}
html[data-design=editorial] .live-entry .live-source{color:var(--color-acento);text-decoration:underline;text-underline-offset:.18em}
html[data-design=editorial] .live-summary{padding:24px;background:var(--color-superficie);border-left:0;border-top:1px solid var(--color-texto);margin:24px 0}
html[data-design=editorial] .live-summary .live-entry-label{border:0;padding:0;font-weight:600;text-transform:none;letter-spacing:0}
html[data-design=editorial] .live-summary .live-avatar{border-color:var(--color-texto);color:var(--color-texto);background:transparent}
html[data-design=editorial] .election-tv [data-tv-activate]:hover{background:var(--color-filete);color:var(--color-texto);border-color:var(--color-filete)}
html[data-design=editorial] .election-tv [data-tv-stop]:hover{background:var(--color-superficie);color:var(--color-texto);border-color:var(--color-borde-control)}
html[data-design=editorial] .live-tabs{margin:24px 0}
html[data-design=editorial] :is(#live-new,#news-new){position:sticky;top:72px;z-index:var(--z-aviso);box-shadow:var(--sombra-capa)}
html[data-design=editorial] :is(#live-count,#news-count,#news-state,.live-pagination){font:var(--tipo-fuente);color:var(--color-texto-secundario)}
html[data-design=editorial] .live-aside p{font:400 16px/25px var(--font-ui)}
html[data-design=editorial] .newspaper-footer{width:calc(100% - 2 * var(--page-margin));max-width:var(--page-width);grid-template-columns:1fr 1fr 1fr;gap:48px;margin:32px auto 0;padding:32px 0;border:0;border-top:4px double var(--color-texto);font:var(--tipo-fuente)}
html[data-design=editorial] .newspaper-footer .brand{font:800 32px/40px var(--font-editorial);letter-spacing:-.015em}
html[data-design=editorial] .newspaper-footer p{font:var(--tipo-fuente);color:var(--color-texto-secundario);margin:12px 0}
html[data-design=editorial] .newspaper-footer nav{gap:12px}
html[data-design=editorial] .newspaper-footer nav a{margin:0;min-height:28px}
html[data-design=editorial] .newspaper-footer .footer-standard{font:var(--tipo-fuente)}
html[data-design=editorial] .footer-standard>a{color:var(--color-acento);display:inline-flex;align-items:center;gap:8px;margin-top:12px}
html[data-design=editorial] .preview{font:500 11px/16px var(--font-ui);padding:4px 16px;letter-spacing:.08em;background:var(--color-superficie);color:var(--color-texto-secundario)}

/* A browsable catalogue uses the same production components. */
.graphic-overview{max-width:900px}
.graphic-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:32px 0}
.graphic-swatch{border-top:1px solid var(--color-texto);padding-top:16px;min-width:0}
.graphic-swatch>i{display:block;height:72px;border:1px solid var(--color-filete);margin-bottom:16px}
.graphic-swatch strong,.graphic-swatch code{display:block;font:var(--tipo-fuente);overflow-wrap:anywhere}
.graphic-specimens{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.graphic-specimen{border-top:1px solid var(--color-texto);padding-top:24px;min-width:0}
.graphic-specimen p{font:var(--tipo-cuerpo)}
.graphic-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--color-filete)}
.graphic-icon-grid>div{padding:24px 12px;border-bottom:1px solid var(--color-filete);display:flex;align-items:center;flex-direction:column;gap:16px;min-width:0}
.graphic-icon-grid span{font:var(--tipo-fuente);text-align:center;overflow-wrap:anywhere}
.graphic-downloads{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0}

@media(min-width:1440px){:root,html[data-design=editorial]{--page-width:1320px;--grid-gap:32px}}
@media(max-width:1023px){
 :root,html[data-design=editorial]{--page-margin:32px;--grid-gap:24px}
 html[data-design=editorial] .graphic-header .menu-toggle{display:inline-flex}
 html[data-design=editorial] .header-territory{display:none}
 html[data-design=editorial] .graphic-header .masthead-row{grid-template-columns:1fr auto 1fr}
 html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .graphic-header-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}
 html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .menu-toggle{grid-column:1;grid-row:1;justify-self:start}
 html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .masthead{grid-column:2;grid-row:1;font-size:32px}
 html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .header-actions{grid-column:3;grid-row:1}
 html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) #navigation{display:none}
 html[data-design=editorial] .graphic-header #navigation{justify-content:start;gap:24px}
 html[data-design=editorial] .edition-line>span{display:none}
 html[data-design=editorial] .edition-line{grid-template-columns:1fr 1fr}
 html[data-design=editorial] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-design=editorial] .guide-layout,html[data-design=editorial] .live-layout{grid-template-columns:1fr;gap:32px}
 html[data-design=editorial] .guide-aside{display:contents}
 html[data-design=editorial] .guide-index{grid-row:1}
 html[data-design=editorial] .guide-copy{grid-row:2}
 html[data-design=editorial] .guide-index ol{columns:2;column-gap:32px}
 html[data-design=editorial] .election-countdown{grid-template-columns:minmax(0,1fr) auto;gap:24px}
 html[data-design=editorial] .countdown-link{grid-column:1/-1}
 html[data-design=editorial] .hero{gap:32px;grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr)}
 html[data-design=editorial] .hero h1{font-size:52px;line-height:58px}
 html[data-design=editorial] .hero .finder{flex-wrap:wrap}
 html[data-design=editorial] .hero .finder label{flex-basis:100%}
}
@media(max-width:800px){
 html[data-design=editorial] .election-tv .tv-grid{grid-template-columns:minmax(0,1fr)}
 html[data-design=editorial] .election-tv .tv-screen{width:100%;max-width:100%}
 html[data-design=editorial] .election-tv .tv-controls{min-width:0}
}
@media(max-width:599px){
 :root,html[data-design=editorial]{--page-margin:16px;--grid-gap:16px;--tipo-portada:var(--tipo-movil-portada);--tipo-apertura:var(--tipo-movil-apertura);--tipo-modulo:var(--tipo-movil-modulo);--tipo-subtitulo:var(--tipo-movil-subtitulo);--tipo-tarjeta:var(--tipo-movil-tarjeta);--tipo-entradilla:var(--tipo-movil-entradilla);--tipo-cuerpo:var(--tipo-movil-cuerpo);--tipo-destacado:var(--tipo-movil-destacado);--tipo-cifra:var(--tipo-movil-cifra);--tipo-meta:var(--tipo-movil-meta)}
 html[data-design=editorial] .graphic-header{border-bottom-width:0}
 html[data-design=editorial] .graphic-header .edition-line{display:none}
 html[data-design=editorial] .graphic-header .masthead-row{min-height:56px;padding:0;gap:8px;grid-template-columns:44px 1fr 44px}
 html[data-design=editorial] .graphic-header .masthead{font-size:30px;line-height:36px;letter-spacing:-.015em}
 html[data-design=editorial] .graphic-header .masthead span,html[data-design=editorial] .header-vote{display:none}
 html[data-design=editorial] .graphic-header .menu-toggle{font-size:0;gap:0;width:44px;height:44px;min-height:44px;border:0;padding:10px;background:transparent;color:var(--color-texto)}
 html[data-design=editorial] .graphic-header .menu-toggle>span{display:none}
 html[data-design=editorial] .header-actions{gap:0}
 html[data-design=editorial] .graphic-header #navigation{font-size:14px;gap:24px;border-top:0}
 html[data-design=editorial] .graphic-header #navigation a{min-height:44px;padding:10px 0 7px}
 html[data-design=editorial] .graphic-header .nav-long{display:none}
 html[data-design=editorial] .graphic-header .nav-short{display:inline}
 html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .graphic-header-inner{grid-template-columns:44px 1fr 44px;gap:8px}
 html[data-design=editorial] :is(.graphic-header--compact,.graphic-header--scrolled) .masthead{font-size:30px}
 html[data-design=editorial] .graphic-menu{height:100dvh;padding:24px 20px}
 html[data-design=editorial] .graphic-menu .button{min-height:48px}
 html[data-design=editorial] main{padding-bottom:48px}
 html[data-design=editorial] section{margin-bottom:48px}
 html[data-design=editorial] .page-intro{padding:40px 0 32px}
 html[data-design=editorial] .section-head{align-items:start;flex-wrap:wrap;gap:16px}
 html[data-design=editorial] :is(.guide-copy,.service-reading) :is(p,li){font:var(--tipo-cuerpo)}
 html[data-design=editorial] .hero{grid-template-columns:1fr;padding:40px 0;gap:24px;margin-bottom:32px}
 html[data-design=editorial] .hero h1{font:var(--tipo-portada);letter-spacing:-.02em}
 html[data-design=editorial] .hero-art{max-width:210px;justify-self:center}
 html[data-design=editorial] .hero .finder button{min-height:48px}
 html[data-design=editorial] .finder{flex-direction:column;align-items:stretch}
 html[data-design=editorial] .hero .finder label{width:100%;flex-basis:auto}
 html[data-design=editorial] .finder button{align-self:start}
 html[data-design=editorial] .election-countdown{grid-template-columns:1fr;padding:24px 0;gap:20px}
 html[data-design=editorial] .countdown-digits{justify-content:start;gap:24px}
 html[data-design=editorial] .countdown-link{grid-column:auto}
 html[data-design=editorial] .home-live{display:block;padding:24px 0;margin-bottom:48px}
 html[data-design=editorial] .home-live .button{margin-top:20px}
 html[data-design=editorial] .cards{grid-template-columns:1fr;gap:16px;margin-bottom:32px}
 html[data-design=editorial] body .cards .card{padding:20px 0}
 html[data-design=editorial] body .cards .tool-card{padding:20px}
 html[data-design=editorial] :is(.duo,.service-explain-grid,.explainer-grid){grid-template-columns:1fr;gap:24px}
 html[data-design=editorial] .home-answers{padding:24px 20px}
 html[data-design=editorial] .filters{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0}
 html[data-design=editorial] .filters label{min-width:0}
 html[data-design=editorial] .filters button{justify-self:start}
 html[data-design=editorial] .guide-facts{grid-template-columns:1fr;gap:16px}
 html[data-design=editorial] .guide-index ol{columns:1}
 html[data-design=editorial] .visual-steps{grid-template-columns:1fr;gap:24px}
 html[data-design=editorial] .visual-step{padding:0 0 24px;border-right:0;border-bottom:1px solid var(--color-filete);grid-template-columns:48px minmax(0,1fr);gap:12px 16px}
 html[data-design=editorial] .visual-step-number{margin:0}
 html[data-design=editorial] .visual-step h3{margin:0 0 8px}
 html[data-design=editorial] .visual-step p{margin:0 0 8px}
 html[data-design=editorial] .visual-step:last-child{border-bottom:0}
 html[data-design=editorial] .live-hero{margin:40px 0 32px}
 html[data-design=editorial] .live-entry{gap:12px}
 html[data-design=editorial] .live-entry h3{font-size:24px;line-height:31px}
 html[data-design=editorial] .live-summary{padding:20px 16px}
 html[data-design=editorial] .live-avatar{width:24px;height:24px;flex-basis:24px;font-size:11px}
 html[data-design=editorial] .live-tabs button{padding:10px 12px;font-size:14px}
 html[data-design=editorial] .newspaper-footer{grid-template-columns:1fr;gap:32px;margin-top:0;padding:32px 0}
 html[data-design=editorial] .newspaper-footer nav a{min-height:36px;display:flex;align-items:center}
 html[data-design=editorial] .manual-row{grid-template-columns:20px minmax(0,1fr) 68px 44px;gap:8px}
 html[data-design=editorial] .manual-row input:not([type=checkbox]){padding:11px 8px}
 html[data-design=editorial] .seat-visual{padding:20px 16px}
 .graphic-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .graphic-specimens{grid-template-columns:1fr;gap:32px}
 .graphic-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:390px) and (max-width:599px){:root,html[data-design=editorial]{--page-margin:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:0ms!important;animation-duration:0ms!important;animation-iteration-count:1!important}}