/* Páginas públicas de cada ayuda y listados por comunidad */
.ficha{padding-top:var(--spacing-24);padding-bottom:var(--spacing-48);display:flex;flex-direction:column;gap:var(--spacing-12)}
.ficha h2{font:600 var(--text-lg)/1.25 var(--f-display);margin:var(--spacing-16) 0 0;text-wrap:balance}
@media (min-width:1000px){.ficha h2{font-size:var(--text-2xl)}}
.ficha p{margin:0}
.ficha .amount{font:600 var(--text-md)/1.4 var(--f-display);color:var(--ink)}
.miga{font-size:var(--text-sm);color:var(--muted)}
.miga a{color:var(--muted)}
.reqs,.lista{margin:0;padding-left:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-8)}
.lista a{font-weight:600}
.cta{align-self:flex-start;text-decoration:none;display:inline-flex;align-items:center}
.cta-box{margin-top:var(--spacing-16);background:var(--accent-soft);border-radius:var(--radius-panel);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--spacing-12)}
.ficha h3{font:600 var(--text-md)/1.3 var(--f-display);margin:var(--spacing-8) 0 0}
.ficha p,.ficha li{overflow-wrap:anywhere}
.plazo-dias:empty{display:none}
.ficha section{display:flex;flex-direction:column;gap:var(--spacing-12)}
.ficha section[hidden]{display:none}
.novedad{display:flex;flex-direction:column;gap:var(--spacing-8);margin-top:var(--spacing-16)}
/* Qué cambia: entradas por tema y aviso de estado (real decreto-ley sin convalidar, etc.) */
.cambio{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--card-padding);background:var(--surface);border:var(--b-caja);border-radius:var(--radius-card)}
.cambio h3{margin:0;font:600 var(--text-md)/1.3 var(--f-display)}
.cambio h3 a{color:var(--accent)}
.cambio p{margin:0}
.cambios-tema{margin-top:var(--spacing-16)}
.situaciones.cambios-temas{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}
.situaciones.cambios-temas a{padding:0 var(--spacing-16);border-radius:var(--radius-pill)}
.cambio-estado{background:var(--warn-bg);color:var(--warn);border-radius:var(--radius-card);padding:var(--spacing-12) var(--spacing-16);font-weight:600}
.calc{margin-top:var(--spacing-16)}
/* Formularios de calculadoras y autónomos: aire entre campos */
.ficha .calc{display:flex;flex-direction:column;gap:var(--spacing-16)}
.ficha .calc h2{margin-top:0}
.ficha .calc+*{margin-top:var(--spacing-12)}
.resultado{font-weight:600;color:var(--accent);font-size:var(--text-md)}
.resultado:empty{display:none}
.calc-nav{font-size:var(--text-base)}

/* Portada */
.portada .hero{display:flex;flex-direction:column;gap:var(--spacing-16);padding:var(--spacing-8) 0 var(--spacing-4)}
.portada .h1{font-size:clamp(1.9rem,6vw,2.6rem)}
.portada .lead{font-size:var(--text-md);color:var(--muted);margin:0}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--spacing-12)}
.hero-cta .btn{text-decoration:none;display:inline-flex;align-items:center}
.cifras{list-style:none;margin:var(--spacing-8) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-12)}
.cifras li{background:var(--surface);border:var(--b-caja);border-radius:var(--radius-card);padding:var(--spacing-16);font-size:var(--text-sm);color:var(--muted);line-height:1.5}
.cifras b{display:block;font:700 var(--text-xl) var(--f-display);color:var(--ink)}
/* Situaciones de la portada: botones rectangulares en rejilla a cualquier ancho */
.situaciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--spacing-12)}
.situaciones a{background:var(--accent-soft);color:var(--accent);text-decoration:none;font-weight:600;padding:var(--spacing-12) var(--spacing-16);min-height:var(--toque);display:flex;align-items:center;border-radius:var(--radius-control);font-size:var(--text-base)}
.sec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--spacing-16)}
.sec-card{display:flex;flex-direction:column;gap:var(--spacing-4);background:var(--surface);border:var(--b-caja);border-radius:var(--radius-card);padding:var(--card-padding);text-decoration:none;color:var(--ink)}
.sec-card:hover{border-color:var(--accent)}
.sec-card b{font:600 var(--text-md)/1.3 var(--f-display);color:var(--accent)}
.sec-card span{color:var(--muted);font-size:var(--text-base)}
@media (max-width:600px){.cifras{grid-template-columns:repeat(2,1fr)}}

/* Cómo solicitarla: vías y lista de documentos */
.ficha .vias{list-style:none;padding:0;margin:0 0 var(--spacing-12);display:flex;flex-direction:column;gap:var(--spacing-8)}
.ficha .vias li{padding:var(--spacing-12) var(--spacing-16);border:var(--b-caja);border-radius:var(--radius-card);background:var(--surface)}
.ficha .checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px;background:var(--line);border:var(--b-control);border-radius:var(--radius-card);overflow:hidden}
.ficha .checklist label{display:flex;gap:var(--spacing-12);align-items:flex-start;padding:var(--spacing-16);min-height:var(--toque);background:var(--surface);cursor:pointer}
.ficha .checklist label:hover{background:var(--bg)}
.ficha .checklist input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--accent)}
.ficha .checklist label:has(input:checked){background:var(--accent-soft)}
.ficha .checklist label:has(input:focus-visible){outline-offset:-3px}
.ficha .docs-cuenta{font-weight:600}
/* Pasos del trámite: desplegables nativos (details/summary) */
.pasos-tramite{display:flex;flex-direction:column;gap:var(--spacing-8)}
.paso-grupo{border:var(--b-caja);border-radius:var(--radius-card);background:var(--surface)}
.paso-grupo>summary{list-style:none;cursor:pointer;position:relative;min-height:var(--toque);padding:var(--spacing-12) var(--spacing-48) var(--spacing-12) var(--spacing-16);display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4) var(--spacing-12);border-radius:var(--radius-card)}
.paso-grupo>summary::-webkit-details-marker{display:none}
.paso-grupo>summary::after{content:"";position:absolute;right:var(--spacing-24);top:50%;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-75%) rotate(45deg);transition:transform .15s}
.paso-grupo[open]>summary::after{transform:translateY(-25%) rotate(-135deg)}
.paso-grupo>summary:hover .pg-tit{color:var(--accent)}
.pg-tit{font:600 var(--text-md)/1.3 var(--f-display)}
.pg-extra{color:var(--muted);font-size:var(--text-sm)}
.pg-cuerpo{padding:0 var(--spacing-16) var(--spacing-16);display:flex;flex-direction:column;gap:var(--spacing-12)}
.ficha .pg-lbl{font-weight:600;margin-top:var(--spacing-4)}
.pg-cuerpo .vias{margin:0}
@media (prefers-reduced-motion:reduce){.paso-grupo>summary::after{transition:none}}

/* Escritorio: el texto mantiene un ancho de lectura y los listados se reparten en columnas */
.ficha:not(.portada)>:not(.lista):not(:has(.lista)):not(.tarjetas):not(:has(.tarjetas)):not(.sec-grid):not(.ficha-cols){max-width:820px}
/* Página de cada ayuda: en escritorio, cuantía y botón en una columna lateral fija */
.ficha-cols,.ficha-main{display:flex;flex-direction:column;gap:var(--spacing-12)}
.ficha-main>*{max-width:820px}
.ficha-lado{display:flex;flex-direction:column;gap:var(--spacing-12);align-items:flex-start}
.lado-lbl{display:none}
.lado-link{font-weight:600;text-decoration:none}
@media (min-width:1000px){
.ficha-cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--spacing-48);align-items:start;margin-top:var(--spacing-8)}
.ficha-main{grid-column:1;grid-row:1}
.ficha-main>h2:first-child,.ficha-main>:first-child{margin-top:0}
.ficha-lado{grid-column:2;grid-row:1;position:sticky;top:88px;background:var(--surface);border:var(--b-caja);border-radius:var(--radius-panel);padding:var(--card-padding);align-items:stretch}
.ficha-lado .lado-lbl{display:block;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:-6px}
.ficha-lado .cta{align-self:stretch;justify-content:center}
.ficha-main .cta-box{display:none}
}
@media (min-width:760px){.ficha ul.lista{display:block;columns:3 280px;column-gap:var(--spacing-48)}.ficha ul.lista li{break-inside:avoid;margin-bottom:var(--spacing-8)}}
/* Portada en escritorio: cabecera a dos columnas, situaciones y secciones en rejilla */
@media (min-width:1000px){
.portada{gap:var(--spacing-16)}
.portada .hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:var(--spacing-64);row-gap:var(--spacing-16);align-items:center;padding:var(--spacing-40) 0 var(--spacing-24)}
.portada .hero>:not(.cifras){grid-column:1}
.portada .h1{font-size:clamp(2.4rem,3.6vw,var(--text-5xl))}
.portada .lead{font-size:var(--text-lg)}
.portada .cifras{grid-column:2;grid-row:1/span 3;grid-template-columns:repeat(2,1fr);gap:var(--spacing-16);margin:0}
.portada .cifras li{padding:var(--card-padding);font-size:var(--text-base)}
.portada .cifras b{font-size:var(--text-5xl);line-height:1.1;margin-bottom:var(--spacing-4)}
.portada h2{margin-top:var(--spacing-24)}
.portada .cta-box{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-24);padding:var(--spacing-24);margin-top:var(--spacing-24)}
.portada .cta-box p{font-size:var(--text-md)}
.portada .cta-box .btn{flex:none}
}
/* Documentos: barra de progreso por color (rojo < 50 %, amarillo hasta 75 %, verde); el texto da la cifra */
.docs-progreso{display:flex;flex-direction:column;gap:var(--spacing-8)}
.barra{height:8px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}
.barra span{display:block;height:100%;width:0;border-radius:var(--radius-pill);background:var(--no);transition:width .25s,background-color .25s}
.barra[data-nivel="medio"] span{background:var(--warn)}
.barra[data-nivel="alto"] span{background:var(--ok)}
@media (prefers-reduced-motion:reduce){.barra span{transition:none}}
/* Buscador dentro de "Cómo solicitarla" */
.tramite-buscar{display:flex;flex-direction:column;gap:var(--spacing-12)}
.pg-cuerpo [hidden]{display:none!important}
@media print{.tramite-buscar{display:none!important}}

/* Zonas de bajas emisiones */
.zbe-form{display:flex;flex-direction:column;gap:var(--spacing-12);background:var(--surface);border:var(--b-caja);border-radius:var(--radius-panel);padding:var(--card-padding)}
.zbe-res:empty{display:none}
.zbe-res{border-radius:var(--radius-card);padding:var(--spacing-16);display:flex;flex-direction:column;gap:var(--spacing-8);background:var(--accent-soft)}
.zbe-res p{margin:0}
.zbe-res[data-acceso="si"]{background:var(--ok-bg)}.zbe-res[data-acceso="no"]{background:var(--no-bg)}.zbe-res[data-acceso="condiciones"]{background:var(--warn-bg)}
.zbe-veredicto{font:700 var(--text-lg)/1.2 var(--f-display)}
.zbe-estado{display:inline-block;font-weight:600;border-radius:var(--radius-pill);padding:2px 12px;background:var(--accent-soft);color:var(--accent)}
.zbe-estado[data-estado="sanciona"]{background:var(--no-bg);color:var(--no)}
.zbe-tabla{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-8)}
.zbe-tabla li{display:grid;grid-template-columns:minmax(9rem,12rem) 1fr;gap:var(--spacing-12);align-items:start;padding:var(--spacing-12);border:var(--b-caja);border-radius:var(--radius-card);background:var(--surface)}
.zbe-tabla li[data-acceso="si"] b{color:var(--ok)}.zbe-tabla li[data-acceso="no"] b{color:var(--no)}.zbe-tabla li[data-acceso="condiciones"] b{color:var(--warn)}
.zbe-etq{font-weight:600}
.zbe-p{font:600 var(--text-base)/1.3 var(--f-body);margin:var(--spacing-8) 0 0}
@media (max-width:520px){.zbe-tabla li{grid-template-columns:1fr;gap:var(--spacing-4)}}
.zbe-com{display:flex;flex-direction:column;gap:var(--spacing-12)}.zbe-com h3{margin:0;font:600 var(--text-md)/1.3 var(--f-display)}
.zbe-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--spacing-8)}
.zbe-lista li{display:flex;flex-direction:column;padding:var(--spacing-8) var(--spacing-12);background:var(--surface);border:var(--b-caja);border-radius:var(--radius-control)}
.zbe-lista a{font-weight:600;color:var(--accent)}
.zbe-lista span{font-size:var(--text-sm);color:var(--muted)}
.zbe-lista li[data-estado="sanciona"] span{color:var(--no)}
@media (max-width:520px){.zbe-lista{grid-template-columns:1fr 1fr}}
.zbe-coms{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}
.zbe-coms a{padding:6px 12px;min-height:36px;display:inline-flex;align-items:center;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:var(--text-sm);text-decoration:none}
/* Productos retirados: buscador, tarjetas de alerta y lotes */
.ret-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-12)}
.ret-lista article{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--card-padding);background:var(--surface);border:var(--b-caja);border-radius:var(--radius-card)}
.ret-lista h3{margin:0;font:600 var(--text-md)/1.3 var(--f-display)}
.ret-lista h3 a{color:var(--accent)}
.ret-lista p{margin:0}
.ret-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-8);margin:0;font-size:var(--text-sm)}
.ret-fuente,.ret-cat,.ret-caducado{display:inline-block;font-weight:600;border-radius:var(--radius-pill);padding:2px 10px;background:var(--accent-soft);color:var(--accent)}
.ret-cat{background:transparent;border:1px solid var(--line-ui);color:var(--ink)}
.ret-caducado{background:var(--warn-bg);color:var(--warn)}
.ret-lotes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-8)}
.ret-lotes li{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-12);background:var(--surface);border:var(--b-caja);border-radius:var(--radius-card);overflow-wrap:anywhere}
.ret-pasos{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:var(--spacing-12)}
.ret-pasos li span{display:block}
.ret-fuentes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:var(--spacing-8)}
.ret-fuentes li{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-12);background:var(--surface);border:var(--b-caja);border-radius:var(--radius-control);font-size:var(--text-sm)}
.ret-fuentes a{font-weight:600;color:var(--accent);font-size:var(--text-base)}
.ret-aviso{border-top:1px solid var(--line-ui);padding-top:var(--spacing-12)}
.ret-foto{max-width:min(100%,320px);height:auto;border-radius:var(--radius-card);border:var(--b-caja);background:#fff}