/* El Día Grande — «mejores fechas». Hereda los tokens; aquí solo lo suyo. */

.fechas-zona { background: var(--verde-claro); border-block: 1px solid #C7DECF;
  padding-block: var(--e-3); margin-block: var(--e-3); }

.fechas-mandos .fila-mandos { display: grid; gap: .7rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.fechas-mandos label, .fechas-mandos legend { font-family: var(--sans); font-size: var(--t-xs);
  font-weight: 600; color: var(--verde-2); display: block; margin-bottom: .3rem; }
.fechas-mandos .campo { width: 100%; }

.pesos { border: 1px solid #C7DECF; border-radius: 10px; background: rgba(255,255,255,.6);
  padding: var(--e-2); margin: var(--e-2) 0 0; }
.pesos legend { padding: 0 .4rem; margin: 0; }
.pesos .peso { display: block; margin-bottom: .55rem; }
.pesos .peso label { display: flex; justify-content: space-between; align-items: baseline; }
.pesos output { font-family: var(--sans); font-variant-numeric: tabular-nums; font-weight: 700;
  color: var(--verde); background: #fff; border: 1px solid #C7DECF; border-radius: 5px;
  padding: 0 .35rem; font-size: 11px; }
.pesos input[type="range"] { width: 100%; accent-color: var(--verde); height: 24px; }
.pesos .peq { margin: .6rem 0 0; color: var(--verde-2); }

.fechas-veredicto { font-family: var(--sans); font-size: var(--t-s); background: #fff;
  border: 1px solid var(--linea); border-left: 4px solid var(--verde); border-radius: 8px;
  padding: .75rem .9rem; margin: var(--e-2) 0; }

#fechas-salida table { margin-top: 0; }
#fechas-salida tbody tr.top td { background: #FFFDF5; }
#fechas-salida .dow { color: var(--tinta-3); font-size: .9em; }

.nota { display: inline-block; min-width: 2.4em; text-align: center; font-family: var(--sans);
  font-variant-numeric: tabular-nums; font-weight: 700; color: var(--verde-2);
  background: var(--verde-claro); border: 1px solid #BCD8C8; border-radius: 6px; padding: .1rem .35rem; }
tr.top .nota { background: var(--ambar-suave); border-color: #E6D2A8; color: #6B4A08; }

.marca-fecha-txt { display: inline-block; font-family: var(--sans); font-size: 10px;
  text-transform: uppercase; letter-spacing: .06em; font-weight: 700; color: var(--ambar);
  background: var(--ambar-suave); border-radius: 4px; padding: .05rem .3rem; margin-left: .3rem; }

.lista-festivos { list-style: none; padding: 0; margin: var(--e-2) 0 0;
  display: grid; gap: .35rem; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.lista-festivos li { font-family: var(--sans); font-size: var(--t-xs); padding: .4rem .6rem;
  border: 1px solid var(--linea); border-radius: 6px; }
.lista-festivos span { color: var(--tinta-3); }

.gemas { list-style: none; padding: 0; margin: var(--e-2) 0 0;
  display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.gemas li { border: 1px solid #E6D2A8; background: var(--ambar-suave); border-radius: 10px;
  padding: .7rem .85rem; }
.gemas b { display: block; font-family: var(--display); font-size: 1.15rem; color: #5B3F07;
  font-variation-settings: 'opsz' 20; }
.gemas span { display: block; margin-top: .2rem; font-family: var(--sans); font-size: var(--t-xs);
  color: #6B4A08; }

/* el agujero de la herramienta, dicho en voz alta y con los datos del propio INE */
.aviso-hueco { margin: 0 0 var(--e-2); padding: .8rem 1rem; border-radius: 8px;
  background: var(--ambar-suave); border: 1px solid #E6D2A8; border-left: 4px solid var(--ambar);
  font-family: var(--sans); font-size: var(--t-s); color: #5B3F07; }
.aviso-hueco b { color: #3D2A05; }