/* Letras legibles con una inclinación suave y el marco de papel de la aplicación. */
.localizador-festivo {
  display: inline-flex; justify-content: center; align-items: baseline; gap: .035em;
  padding: .22em .25em; width:min(400px,100%); max-width: 100%; vertical-align: middle;
  border: 2px solid #176443; border-radius: 12px; background-color: #fffaf2;
  font: 800 clamp(1.8rem, 6vw, 2.6rem)/1.2 var(--f-display, 'Grandstander', 'Trebuchet MS', sans-serif);
  letter-spacing: .015em; white-space: nowrap;
}
.codigo-letra {
  position: relative; display: inline-block; flex:1 1 0; min-width:0; height:auto; aspect-ratio:5/7;
  text-align: center; color: #176443; line-height: 1.3;
}
.codigo-caramelo { color: #a51c2c; }
.codigo-nieve { color: #215471; }
.codigo-letra img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; visibility:hidden; pointer-events:none; }
.codigo-ilustrado { color:transparent; text-shadow:none; }
.codigo-ilustrado img { visibility:visible; }
.codigo-separador { color:var(--tinta-suave,#5d5680); }
.codigo-largo { font-size: clamp(.75rem, 3.1vw, 1.2rem); gap: .015em; letter-spacing: 0; }
#fin-localizador-bloque { text-align: center; }
#fin-localizador-bloque > strong { display: block; margin: 6px auto; }
.fin-localizador-fila .localizador-festivo { display:flex;grid-column:1;grid-row:1;gap:0;padding:4px;width:100%;font-size:clamp(1.35rem,7vw,3.75rem); }
.fin-localizador-fila .codigo-letra { flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:5/7; }
.fin-localizador-fila .codigo-largo { font-size:clamp(.75rem,3vw,1.2rem); }
.codigo-entrada { position:relative; min-width:0; container-type:inline-size; --codigo-tamano:clamp(2.6rem,12vw,5.7rem); }
@supports (font-size:1cqi) {
  .codigo-entrada { --codigo-tamano:clamp(2rem,calc((100cqi - 24px)/4.2),5.7rem); }
}
.localizador-form .codigo-entrada input,
.codigo-entrada #codigo-decorado {
  font:800 var(--codigo-tamano)/1.15 ui-monospace, monospace;
  font-kerning:none; font-variant-ligatures:none; letter-spacing:.08em;
  text-align:center; min-height:0; padding:10px 8px;
}
.localizador-form .codigo-entrada input { caret-color:var(--verde,#176443); border:2px solid #176443; background:#fffaf2; }
.codigo-entrada.codigo-largo-entrada { --codigo-tamano:clamp(.78rem,3.1vw,1.2rem); }
.codigo-entrada #codigo-decorado {
  position:absolute; inset:0; width:100%; max-width:100%;
  display:flex; justify-content:center; align-items:center;
  pointer-events:none; visibility:hidden; border:2px solid transparent; background:none;
}
.codigo-entrada #codigo-decorado .codigo-letra { width:calc(1ch + .08em); height:1.3em; aspect-ratio:auto; min-width:0; flex:none; }
.codigo-entrada #codigo-decorado.localizador-festivo { gap:0; }
.codigo-entrada.codigo-navideno input { color:transparent; }
.codigo-entrada.codigo-navideno #codigo-decorado { visibility:visible; }
.pp-codigo { display: grid; justify-items: center; gap: 3px; margin: 18px auto; }
@media (forced-colors: active) {
  .codigo-letra, .codigo-ilustrado { color:CanvasText; }
  .codigo-letra img { display:none; }
  .codigo-entrada.codigo-navideno input { color:CanvasText; }
  .codigo-entrada.codigo-navideno #codigo-decorado { visibility:hidden; }
}