/* land — estilos propios sobre Bootstrap 5.3 (la CSP no admite style="" ni <style> en las vistas). */
.logo { height: 46px; width: auto; }

/* Campo trampa para robots: fuera de la pantalla, no se ve ni se completa. */
.trampa { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.icono-wapp { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px;
  border-radius: 50%; }
.icono-wapp svg { width: 14px; height: 14px; }
.btn .icono-wapp { width: 1.4em; height: 1.4em; }
.btn .icono-wapp svg { width: 100%; height: 100%; }

.col-cnt { width: 10%; }
.col-pdf { width: 1%; }
.text-pre-wrap { white-space: pre-wrap; }

/* "Ver recomendación": <details> sin JS; el resumen se ve como botón. */
.recomendacion > summary { list-style: none; }
.recomendacion > summary::-webkit-details-marker { display: none; }

/* Sorteos (desde 2026-10-15). */
.sorteo-banner { color: #fff; background: linear-gradient(135deg, #ff8c42, #c2410c); }
.sorteo-banner:hover, .sorteo-banner:focus { color: #fff; filter: brightness(1.05); }
.sorteo-banner-titulo { opacity: .9; }
.sorteo-numero { font-size: 3.5rem; font-weight: 800; line-height: 1; letter-spacing: .05em; }
.sorteo-foto { display: block; max-width: 100%; max-height: 360px; margin-inline: auto; object-fit: contain; }
.sorteo-grilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(3.6rem, 1fr)); gap: .35rem; }
.sorteo-grilla .btn { font-variant-numeric: tabular-nums; }
.sorteo-centena > summary { cursor: pointer; }
/* Aceptar y confirmar quedan a la vista mientras se recorre la grilla. */
.sorteo-confirmar { position: sticky; bottom: 0; z-index: 2; }
.sorteo-premios { columns: 2; font-variant-numeric: tabular-nums; }