:root{--color-primario:#8b1a4a;--color-primario-oscuro:#6d1439;--color-fondo-suave:#f5e8ef;--color-texto:#2c2c2a;--color-blanco:#fff;--color-error:#b3261e;--color-exito:#1e7a3d;--radio:16px;--sombra:0 8px 24px #8b1a4a26;--color-accent:var(--color-primario)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg,linear-gradient(180deg, var(--color-fondo-suave) 0%, var(--color-blanco) 40%));color:var(--color-texto);-webkit-font-smoothing:antialiased;font-family:Calibri,Segoe UI,system-ui,sans-serif}#root{justify-content:center;display:flex}.pantalla{flex-direction:column;align-items:stretch;width:100%;max-width:480px;min-height:100vh;padding:24px 20px 40px;display:flex}.marca{text-align:center;color:var(--color-primario);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:1.1rem;font-weight:700}.marca--logo{text-transform:none;letter-spacing:normal;display:flex}.marca--logo img{object-fit:contain;max-width:220px;max-height:48px}.tarjeta{background:var(--color-blanco);border-radius:var(--radio);box-shadow:var(--sombra);padding:24px}h1{color:var(--color-primario);margin:0 0 8px;font-size:1.5rem}p.subtitulo{color:#6b6b68;margin:0 0 20px;font-size:.95rem}.campo{border:1.5px solid #e2d4dc;border-radius:12px;outline:none;width:100%;margin-bottom:12px;padding:14px 16px;font-size:1.05rem}.campo:focus{border-color:var(--color-primario)}.boton{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 16px;font-size:1.05rem;font-weight:600;transition:transform .1s,opacity .2s}.boton:active{transform:scale(.98)}.boton:disabled{opacity:.5;cursor:not-allowed}.boton-primario{background:var(--color-primario);color:var(--color-blanco)}.boton-primario:hover:not(:disabled){background:var(--color-primario-oscuro)}.boton-secundario{background:var(--color-fondo-suave);color:var(--color-primario)}.mensaje-error{color:var(--color-error);background:#fdecea;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:.9rem}.mensaje-info{background:var(--color-fondo-suave);color:var(--color-primario);text-align:center;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:.9rem}.centrado{text-align:center}.cargando{height:100vh;color:var(--color-primario);justify-content:center;align-items:center;display:flex}.overlay{z-index:20;background:#2c2c2a8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hoja-modal{background:var(--color-blanco);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:28px 20px 32px;animation:.25s ease-out subir}@keyframes subir{0%{transform:translateY(100%)}to{transform:translateY(0)}}.overlay:has(.admin-modal){align-items:center}.admin-modal{border-radius:16px;flex-direction:column;max-width:800px;max-height:80vh;animation:.15s ease-out aparecer;display:flex}@keyframes aparecer{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-modal__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-modal__header h1{color:var(--color-primario);margin:0;font-size:1.2rem}.admin-modal__scroll{overflow-y:auto}.admin-lista-simple{color:#6b6b68;margin:4px 0 12px;padding-left:20px;font-size:.9rem}.contenedor-ruleta{flex-direction:column;align-items:center;gap:24px;margin:16px 0 8px;display:flex;position:relative}.indicador-ruleta{border-left:14px solid #0000;border-right:14px solid #0000;border-top:22px solid var(--color-primario);z-index:2;width:0;height:0;position:absolute;top:-6px}.rueda{width:min(78vw,320px);height:min(78vw,320px);box-shadow:0 0 0 6px var(--color-blanco), var(--sombra);will-change:transform;border-radius:50%;transition-property:transform;transition-timing-function:cubic-bezier(.17,.67,.12,.99);overflow:hidden}.rueda img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.rueda-placeholder{background:var(--color-fondo-suave);width:100%;height:100%;color:var(--color-primario);justify-content:center;align-items:center;font-weight:700;display:flex}.boton-girar{max-width:260px}.opciones-columna{flex-direction:column;gap:10px;margin-top:16px;display:flex}.premio-card{cursor:pointer;border:1.5px solid #e2d4dc;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.premio-card input[type=radio]{accent-color:var(--color-primario);flex-shrink:0;width:18px;height:18px}.premio-card--seleccionado{border-color:var(--color-accent);background:var(--color-fondo-suave)}.premio-card__tipo{color:#8a8a86;font-size:.8rem}.historial{border-top:1px solid #eee0e8;padding-top:16px}.historial__titulo{color:var(--color-primario);margin-bottom:8px;font-size:.9rem;font-weight:600}.historial__lista{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.historial__item{color:#6b6b68;justify-content:space-between;font-size:.85rem;display:flex}.countdown{background:var(--color-fondo-suave);color:var(--color-primario);text-align:center;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:.85rem;transition:background .2s,color .2s}.countdown--amarillo{color:#8a6100;background:#fff4d6}.countdown--rojo{color:var(--color-error);background:#fdecea;font-weight:700}.disclaimers{color:#8a8a86;margin-bottom:16px;font-size:.78rem;line-height:1.4}.disclaimers__item{margin:0 0 6px}.disclaimers__item a{color:var(--color-primario)}.admin-layout{flex-direction:column;width:100%;min-height:100vh;display:flex}.admin-header{background:var(--color-blanco);border-bottom:1px solid #eee0e8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.admin-header__marca{color:var(--color-primario);white-space:nowrap;font-weight:700;text-decoration:none}.admin-nav{gap:16px;display:flex}.admin-nav a{color:var(--color-texto);font-size:.9rem;text-decoration:none}.admin-nav a:hover{color:var(--color-primario)}.admin-header__usuario{align-items:center;gap:12px;font-size:.85rem;display:flex}.admin-main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.admin-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=900px){.admin-grid{grid-template-columns:380px 1fr;align-items:start}.admin-grid--detalle{grid-template-columns:repeat(2,1fr)}}.admin-form{flex-direction:column;gap:10px;display:flex}.admin-form label{color:#6b6b68;flex-direction:column;flex:1;gap:4px;min-width:0;font-size:.85rem;display:flex}.admin-form__fila{gap:12px;display:flex}.admin-form label.admin-campo-color{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.admin-form input[type=color]{cursor:pointer;background:0 0;border:1.5px solid #e2d4dc;border-radius:10px;flex-shrink:0;width:52px;height:36px;padding:2px}.admin-checkbox{align-items:center;gap:8px;font-size:.85rem;display:flex}.admin-separador{border:none;border-top:1px solid #eee0e8;margin:18px 0}.admin-tabla{border-collapse:collapse;width:100%;margin:12px 0;font-size:.85rem}.admin-tabla th,.admin-tabla td{text-align:left;border-bottom:1px solid #f0e6ec;padding:8px 10px}.admin-tabla th{color:#8a8a86;text-transform:uppercase;font-size:.75rem;font-weight:600}.admin-fila-alerta{background:#fff4d6}.admin-badge{background:var(--color-fondo-suave);color:var(--color-primario);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-verde{color:var(--color-exito);background:#e3f5e8}.badge-rojo{color:var(--color-error);background:#fdecea}.badge-gris{color:#6b6b68;background:#ececec}.badge-amarillo{color:#8a6d1d;background:#fff4d6}.admin-filtros{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.admin-filtros .campo{width:auto;min-width:160px;margin-bottom:0}.admin-tiles{flex-wrap:wrap;gap:12px;margin:4px 0 18px;display:flex}.admin-tile{background:var(--color-fondo-suave);border-radius:12px;flex-direction:column;min-width:130px;padding:12px 18px;display:flex}.admin-tile__valor{color:var(--color-primario);font-size:1.5rem;font-weight:700}.admin-tile__etiqueta{color:#6b6b68;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.admin-campo-en-linea{margin-bottom:0;padding:8px 10px;font-size:.85rem}.boton-link{color:var(--color-primario);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}.codigo-cupon{letter-spacing:.08em;background:var(--color-fondo-suave);color:var(--color-primario);border-radius:10px;margin:12px 0 20px;padding:14px;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700}