/* =========================================================================
   Portada: España en datos hoy y el comparador de series.
   Va después de estilo.css y usa sus mismas variables.
   ========================================================================= */

.boton{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:2.75rem;padding:.625rem 1.25rem;border-radius:2rem;
  background:var(--acento);color:#fff;font-weight:600;text-decoration:none;
  border:0;font:inherit;cursor:pointer;
}

/* ---------------- Hoy ---------------- */
.hoy-destacados ol{margin:.75rem 0 0;padding:0;list-style:none;counter-reset:d;display:grid;gap:.5rem;}
.hoy-destacados li{counter-increment:d;display:flex;gap:.75rem;align-items:flex-start;padding:.875rem 1rem;border-radius:.75rem;background:var(--fondo-2);}
.hoy-destacados li::before{content:counter(d);flex:none;width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;font-family:var(--cifras);font-weight:700;background:var(--acento);color:#fff;}
.hoy-destacados a,.hoy-avisos a{color:var(--tinta);text-decoration:none;font-weight:500;}
.hoy-avisos ul{margin:.75rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem;}
.hoy-avisos li{padding:.75rem 1rem;border-radius:.75rem;background:#fff;border-left:4px solid var(--acento-2);}
.hoy-avisos li.nivel-alto{border-left-color:var(--alerta);}
.hoy-avisos li.nivel-medio{border-left-color:#C1752A;}

.hoy-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.625rem;margin-top:.75rem;}
.hoy-ficha{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.75rem .875rem;border-radius:.75rem;background:var(--fondo-2);color:var(--tinta);text-decoration:none;}
.hoy-ficha.viejo{opacity:.55;}
.hoy-nombre{font-size:.8125rem;color:var(--tinta-suave);font-weight:500;}
.hoy-valor{font-family:var(--cifras);font-weight:700;font-size:1.5rem;line-height:1.05;}
.hoy-texto{font-size:.8125rem;color:var(--tinta-suave);}
.hoy-spark{width:100%;height:2rem;}
.hoy-spark polyline{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;}
.hoy-spark.sube polyline{stroke:#2E7D4F;}
.hoy-spark.baja polyline{stroke:var(--alerta);}
.hoy-chips{display:flex;flex-wrap:wrap;gap:.25rem;}
.hoy-chip{display:inline-flex;align-items:baseline;gap:.2rem;padding:.0625rem .375rem;border-radius:.375rem;font-size:.75rem;font-weight:600;background:#fff;}
.hoy-chip small{font-weight:400;color:var(--tinta-suave);font-size:.6875rem;}
.hoy-chip.sube{color:#2E7D4F;}
.hoy-chip.baja{color:var(--alerta);}
.hoy-fecha{font-size:.6875rem;color:var(--tinta-suave);}
.hoy-nota{font-size:.875rem;color:var(--tinta-suave);}
.hoy-comparar{margin-top:2rem;text-align:center;}

/* ---------------- Comparar ---------------- */
.cmp-grupo{margin-top:1rem;}
.cmp-grupo h3{margin:0 0 .375rem;font-family:var(--cifras);font-weight:600;font-size:1.0625rem;}
.cmp-chips{display:flex;flex-wrap:wrap;gap:.375rem;}
.cmp-chip{display:inline-flex;align-items:center;gap:.375rem;min-height:2.25rem;padding:.375rem .75rem;border-radius:1.25rem;border:1px solid var(--regla);background:#fff;color:var(--tinta);font:inherit;font-size:.875rem;cursor:pointer;}
.cmp-chip[aria-pressed="true"]{border-color:transparent;color:#fff;background:var(--c,var(--acento));font-weight:600;}
.cmp-rangos{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:1.25rem;}
.cmp-rangos button{min-height:2.25rem;padding:.375rem .875rem;border-radius:1.25rem;border:1px solid var(--regla);background:#fff;font:inherit;font-size:.875rem;cursor:pointer;color:var(--tinta);}
.cmp-rangos button[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:#fff;}
.cmp-lienzo{position:relative;margin-top:1rem;padding:.75rem .5rem .5rem;border-radius:.75rem;background:#fff;}
.cmp-lienzo svg{display:block;width:100%;height:auto;touch-action:pan-y;}
.cmp-lienzo .rejilla{stroke:var(--fondo-2);stroke-width:1;}
.cmp-lienzo .eje{font-size:10px;fill:var(--tinta-suave);font-family:var(--texto);}
.cmp-lienzo .guia{stroke:var(--tinta-suave);stroke-width:1;stroke-dasharray:3 3;opacity:0;}
.cmp-lienzo .base{stroke:var(--regla);stroke-width:1;}
.cmp-titulo{margin:0 0 .25rem;font-size:.8125rem;color:var(--tinta-suave);}
.cmp-leyenda{display:flex;flex-wrap:wrap;gap:.5rem .875rem;margin-top:.5rem;font-size:.8125rem;}
.cmp-leyenda span{display:inline-flex;align-items:center;gap:.375rem;}
.cmp-leyenda i{width:.875rem;height:.25rem;border-radius:.125rem;background:var(--c);}
.cmp-leyenda b{font-weight:600;}
.cmp-globo{position:absolute;top:.5rem;pointer-events:none;padding:.375rem .5rem;border-radius:.5rem;background:var(--tinta);color:#fff;font-size:.75rem;line-height:1.35;white-space:nowrap;}
.cmp-globo b{display:block;font-weight:600;}
.cmp-globo span{display:block;}
.cmp-vacio{margin-top:1rem;padding:1.25rem;border-radius:.75rem;background:var(--fondo-2);color:var(--tinta-suave);text-align:center;}
.cmp-enlace{margin-top:.75rem;font-size:.8125rem;color:var(--tinta-suave);word-break:break-all;}

/* ---------------- Portada: accesos nuevos ---------------- */
.ficha-hoy{border-left-color:var(--alerta);background:linear-gradient(100deg,#fff,var(--fondo-2));}
.ficha-hoy .hoy-linea{display:block;margin-top:.5rem;font-size:.875rem;color:var(--tinta);}