/* Rifa y bingo (2026-10-12): selector de números en la invitación, mis cartones, paso 3 y recaudación. */

/* ---------- Invitación: selector ---------- */
.public-pick{display:grid;gap:8px;width:100%;margin-top:6px}
.public-pick-seller{display:grid;gap:4px;margin:0}
.public-pick-seller small,.public-pick-help{color:#6b6b80;font-size:.76rem;font-weight:700}
.public-pick-seller select{min-height:40px;padding:6px 10px;border:1.5px solid #e3d9ff;border-radius:10px;background:#fff;font-weight:700}
.public-pick-seller-note{margin:0;padding:8px 10px;border-radius:10px;background:#eef7ff;color:#1569c7;font-size:.82rem}
.public-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;max-height:232px;overflow:auto;padding:2px}
.public-pick-grid button{min-height:38px;padding:0;border:1.5px solid #e3d9ff;border-radius:10px;background:#fff;color:#2b2540;font-weight:800;font-size:.86rem}
.public-pick-grid button:hover{border-color:#7c3cff}
.public-pick-grid button.is-selected{border-color:#7c3cff;background:#7c3cff;color:#fff}
.public-pick-grid button.is-taken{border-color:#eee;background:#f4f4f7;color:#b9b9c6;text-decoration:line-through;cursor:not-allowed}
.public-pick-grid.is-bingo{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}
.public-pick-empty{grid-column:1/-1;margin:0;color:#6b6b80;font-size:.85rem}
.public-pick-summary{margin:0;color:#3a2b7a;font-weight:800;font-size:.86rem}
.public-pick-summary:empty{display:none}
.public-pick-cards{display:flex;gap:8px;overflow-x:auto}
.public-bingo-mini{flex:0 0 auto;padding:6px;border:1.5px solid #e3d9ff;border-radius:10px;background:#fff}
.public-bingo-mini b{display:block;margin-bottom:3px;font-size:.72rem;color:#7c3cff}
.public-bingo-mini table{border-collapse:collapse;font-size:.66rem}
.public-bingo-mini th{color:#7c3cff;font-weight:900;padding:1px 4px}
.public-bingo-mini td{min-width:20px;padding:1px 3px;border:1px solid #efe9ff;text-align:center;font-weight:700}

/* ---------- Invitación: ranking ---------- */
.public-seller-ranking ol{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.public-seller-ranking li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:#f7f4ff}
.public-seller-ranking li span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;font-weight:900;color:#7c3cff}
.public-seller-ranking li.is-top span{background:#f59f00;color:#fff}
.public-seller-ranking li em{font-style:normal;color:#6b6b80;font-weight:700;font-size:.84rem}

/* ---------- Mis números y cartones ---------- */
/* Mis números y cartones (rehecha 2026-10-13): página de invitado, sin menú ni barra. */
.my-numbers-page{display:grid;gap:14px;max-width:560px;margin:0 auto;padding:14px 16px 96px}
.my-numbers-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.my-numbers-brand{display:inline-flex;align-items:center;gap:8px;color:#14112a;font-weight:900;text-decoration:none}
.my-numbers-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#7c3cff,#ff3fa4);color:#fff;font-size:1rem}
.my-numbers-return{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #ece6fb;color:#5b3cc4;font-weight:800;font-size:.86rem;text-decoration:none}
.my-numbers-hero{position:relative;overflow:hidden;padding:20px 18px 18px;border-radius:22px;background:linear-gradient(135deg,#7c3cff 0%,#b43cf0 55%,#ff3fa4 100%);color:#fff;box-shadow:0 14px 34px rgba(124,60,255,.28)}
.my-numbers-hero-icon{position:absolute;right:-10px;top:-14px;font-size:6.5rem;opacity:.16;transform:rotate(12deg);pointer-events:none}
.my-numbers-kicker{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.22);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.my-numbers-hero h1{margin:8px 0 2px;font-size:1.75rem;line-height:1.1;font-weight:900;color:#fff}
.my-numbers-hero p{position:relative;margin:4px 0 0;color:rgba(255,255,255,.92);font-size:.92rem}
.my-numbers-hero .my-numbers-event{font-size:1.02rem;font-weight:800;color:#fff}
.my-numbers-hero i{margin-right:4px}


.my-numbers-warning{display:flex;gap:10px;align-items:center;padding:14px;border-radius:14px;background:#fff6dc;color:#7a5600;font-weight:700}
.my-numbers-success{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:14px;background:#e8f8ef;color:#13643a;font-size:.92rem;line-height:1.35}
.my-numbers-success>i{font-size:1.3rem;line-height:1}
.my-numbers-group{padding:16px;border:1px solid #ece6fb;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(17,17,34,.06)}
.my-numbers-group h2{margin:0;font-size:1.15rem;font-weight:900}
.my-numbers-group h2 i{color:#7c3cff}
.my-numbers-seller,.my-numbers-note{margin:4px 0 0;color:#6b6b80;font-size:.86rem}
.my-bingo-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:12px}
.my-bingo-card{padding:12px;border:2px solid #7c3cff;border-radius:18px;background:#fbf9ff}
.my-bingo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.my-bingo-letter{display:grid;place-items:center;height:34px;border-radius:10px;background:#7c3cff;color:#fff;font-weight:900;font-size:1.1rem}
.my-bingo-grid button,.my-bingo-free{display:grid;place-items:center;aspect-ratio:1;border:1.5px solid #e3d9ff;border-radius:12px;background:#fff;color:#2b2540;font-size:clamp(1rem,4.5vw,1.4rem);font-weight:900}
.my-bingo-grid button.is-marked,.my-bingo-free.is-marked{border-color:#ff3fa4;background:#ff3fa4;color:#fff}
/* Boleto de rifa (2026-10-14): talón con el número, perforado y datos con folio, como un talonario impreso. */
.raffle-tickets{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.raffle-ticket{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);min-height:150px;border:2px solid #7c3cff;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(124,60,255,.12)}
.raffle-ticket::before,.raffle-ticket::after{content:"";position:absolute;left:92px;width:22px;height:22px;border:2px solid #7c3cff;border-radius:50%;background:#fff;z-index:1}
.raffle-ticket::before{top:-13px}
.raffle-ticket::after{bottom:-13px}
.raffle-ticket-stub{display:grid;align-content:center;justify-items:center;gap:2px;padding:12px 6px;background:linear-gradient(160deg,#7c3cff,#b43cf0 60%,#ff3fa4);color:#fff;border-right:2px dashed rgba(255,255,255,.85)}
.raffle-ticket-stub small{font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.raffle-ticket-stub strong{font-size:2.1rem;line-height:1;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.raffle-ticket-body{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;gap:2px;padding:12px 14px 10px 20px;background:repeating-linear-gradient(135deg,#fff 0 14px,#fbf9ff 14px 28px)}
.raffle-ticket-kicker{color:#7c3cff;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.raffle-ticket-title{font-size:1.02rem;line-height:1.2;font-weight:900;color:#14112a}
.raffle-ticket-event{color:#6b6b80;font-size:.8rem;font-weight:700}
.raffle-ticket dl{display:grid;gap:1px;margin:6px 0 0;padding-top:6px;border-top:1px solid #ece6fb}
.raffle-ticket dl div{display:flex;gap:6px;font-size:.78rem}
.raffle-ticket dt{flex:0 0 76px;color:#8a83a3;font-weight:700}
.raffle-ticket dd{margin:0;min-width:0;color:#2b2540;font-weight:800;overflow-wrap:anywhere}
.raffle-ticket-folio{justify-self:end;margin-top:6px;padding:2px 8px;border:1px solid #d9ccff;border-radius:6px;background:#fff;color:#5b3cc4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em}
.my-bingo-card header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-12px -12px 10px;padding:10px 12px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#7c3cff,#b43cf0 60%,#ff3fa4);color:#fff}
.my-bingo-id{display:grid;line-height:1}
.my-bingo-id small{font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.my-bingo-id b{font-size:1.7rem;font-weight:900;font-variant-numeric:tabular-nums}
.my-bingo-meta{display:grid;justify-items:end;gap:6px}
.my-bingo-meta span{padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.04em}
.my-bingo-card header button{border:0;border-radius:999px;background:#fff;padding:5px 10px;font-weight:800;font-size:.76rem;color:#6b6b80}
.my-bingo-card footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin-top:10px;padding-top:8px;border-top:1px dashed #d9ccff;color:#6b6b80;font-size:.78rem;font-weight:700}
.my-numbers-back{justify-self:center;color:#5b3cc4;font-weight:800;text-decoration:none}
.shell:has(.my-numbers-page){display:block}
.shell:has(.my-numbers-page) .main{margin:0;padding:0;width:100%;max-width:none}

/* ---------- Paso 3 ---------- */
/* 2026-10-14: va justo bajo el nombre, en un recuadro, porque decide los campos que siguen. */
.ticket-pick-fields{display:grid;gap:10px;padding:12px;border:1.5px solid #e3d9ff;border-radius:14px;background:#f8f5ff}
.ticket-pick-fields [hidden]{display:none}
.ticket-pick-fields select,.ticket-pick-fields input{width:100%}
.ticket-pick-fields small{display:block;margin-top:4px;color:#6b6b80;font-size:.76rem}
.ticket-sellers{order:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:16px;padding:16px;border-radius:18px;background:#eef7ff}
.ticket-sellers[hidden]{display:none}
.ticket-sellers label{font-weight:900}
.ticket-sellers p{margin:2px 0 8px;color:#4c5b70;font-size:.84rem}
.ticket-sellers textarea{width:100%;border:1.5px solid #cfe3f7;border-radius:12px;padding:10px}
.ticket-seller-links{display:grid;gap:6px;align-content:start}
.ticket-seller-links>div{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:10px;background:#fff}
.ticket-seller-links>div span{flex:1;font-weight:700}
.ticket-seller-links-note{align-self:center;color:#4c5b70;font-size:.84rem}
.ticket-seller-links-area{display:grid;gap:8px;align-content:start}
.ticket-seller-links-pending{margin:0;padding:8px 10px;border-radius:10px;background:#fff6dc;color:#7a5600;font-size:.8rem;font-weight:700}
/* Lista numerada de niños y "Copiar todos los links" (2026-10-14). */
.seller-lines{display:grid;grid-template-columns:38px minmax(0,1fr);border:1.5px solid #cfe3f7;border-radius:12px;background:#fff;overflow:hidden}
.seller-lines:focus-within{border-color:#a98bff;box-shadow:0 0 0 3px rgba(124,60,255,.12)}
.seller-line-numbers{overflow:hidden;padding:10px 0;background:#f4f8fd;border-right:1px solid #e1ecf8;color:#8a9bb0;font-size:.8rem;font-weight:700;line-height:24px;text-align:right;user-select:none}
.seller-line-numbers span{display:block;height:24px;padding-right:8px;line-height:24px}
.ticket-sellers .seller-lines textarea#ticket-sellers-text{display:block;min-height:164px;border:0!important;border-radius:0;padding:10px 12px;font-size:1rem;line-height:24px;white-space:pre;overflow-wrap:normal;overflow-x:auto;resize:vertical;outline:0;box-shadow:none!important;background:transparent}
.seller-count{display:block;margin-top:6px;color:#1569c7;font-size:.8rem;font-weight:800}
.ticket-seller-links>.ticket-seller-all{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:#fff;border:1.5px dashed #a9cdf2}
.ticket-seller-all .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;font-weight:900}
.ticket-seller-all .mini-action{min-height:42px}
.ticket-seller-all small{grid-column:1/-1;color:#4c5b70;font-size:.78rem;line-height:1.35}
.ticket-seller-links>.ticket-seller-row em{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#eef7ff;color:#1569c7;font-style:normal;font-size:.76rem;font-weight:900}
@media(max-width:760px){.ticket-sellers{grid-template-columns:1fr}}

/* ---------- Recaudación ---------- */
.raffle-host-card .section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.raffle-winners{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.raffle-winners article{display:grid;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#7c3cff,#ff3fa4);color:#fff}
.raffle-winners span{font-size:.72rem;opacity:.85;font-weight:700}
.raffle-winners strong{font-size:1.4rem;font-weight:900}
.raffle-winners small{opacity:.9}
.raffle-sellers{display:grid;gap:6px;margin-top:12px}
.raffle-sellers h3{margin:0 0 4px;font-size:1rem;font-weight:900}
.raffle-sellers>div{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#f7f4ff}
.raffle-sellers>div span{flex:1;display:grid}
.raffle-sellers small{color:#6b6b80}
.raffle-picks{margin-top:12px}
.raffle-picks summary{cursor:pointer;font-weight:800}
.raffle-picks table{width:100%;margin-top:8px;border-collapse:collapse;font-size:.88rem}
.raffle-picks th,.raffle-picks td{padding:6px 8px;border-bottom:1px solid #eee;text-align:left}

/* Tarjeta de rifa o bingo: alto libre; el selector va al final, a todo el ancho (igual que el campo de cantidad). */
.public-contribution-row.has-pick{height:auto!important;min-height:0!important;align-content:start!important}
.public-contribution-row.has-pick>.public-pick{grid-column:1/-1!important;grid-row:4!important;width:100%}
.public-contribution-row.has-pick:not(.has-image)>.public-pick{grid-row:auto!important}
.public-contribution-row.has-pick .public-pick label{grid-column:auto!important;grid-row:auto!important;justify-self:stretch!important;align-self:auto!important}
.public-contribution-row.has-pick .public-pick small{display:block!important;min-height:0!important;-webkit-line-clamp:unset!important}
/* Pago tardío: número reasignado o repetido. */
.my-numbers-change{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#eef7ff;color:#1569c7;font-size:.84rem;font-weight:700}
.my-numbers-change.is-conflict{background:#fff0f2;color:#c0263d}
.raffle-picks td small{color:#6b6b80}
.raffle-picks tr.is-conflict td{background:#fff0f2;color:#c0263d}

/* 2026-10-14: total por talonario calculado solo (no se escribe) y ícono de ayuda junto a la etiqueta, con el globo dentro de la tarjeta. */
.ticket-option-card input.is-auto-total{background:#f4f1fb;border-style:dashed;color:#3b2a78;font-weight:800;cursor:default}
.ticket-option-card input.is-auto-total::placeholder{color:#8a7fb0;font-weight:600}
.field-label-with-help{justify-content:flex-start;gap:6px}
.field-label-with-help .field-inline-help{position:static}
.field-label-with-help .field-inline-help>summary{width:22px;height:22px}
.field-label-with-help .field-inline-help>div{left:0;right:0;top:calc(100% + 6px);width:auto;max-width:none;transform:none}
.field-label-with-help .field-inline-help>div:before{display:none}

/* ---------- Invitación: "Tus números" arriba (2026-10-14) ---------- */
.public-my-picks{border:2px solid #7c3cff!important;background:linear-gradient(180deg,#faf7ff,#fff)!important}
.public-my-picks-purchase{display:grid;gap:10px;margin-top:12px}
.public-my-picks-purchase+.public-my-picks-purchase{padding-top:12px;border-top:1px dashed #e3d9ff}
.public-my-picks-group{display:grid;gap:6px}
.public-my-picks-group strong{font-size:.92rem;font-weight:900;color:#14112a}
.public-my-picks-group small{color:#6b6b80;font-weight:700}
.public-my-picks-chips{display:flex;flex-wrap:wrap;gap:6px}
.public-my-picks-chips span{padding:5px 10px;border-radius:9px;background:linear-gradient(135deg,#7c3cff,#ff3fa4);color:#fff;font-weight:900;font-size:.86rem;font-variant-numeric:tabular-nums}
.public-my-picks-chips span.is-more{background:#efe9ff;color:#5b3cc4}
.public-my-picks .btn{justify-self:start;display:inline-flex;align-items:center;gap:6px}
.raffle-pick-open{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#efe9ff;color:#5b3cc4;font-weight:800;font-size:.78rem;text-decoration:none;white-space:nowrap}
@media(max-width:520px){.raffle-picks th,.raffle-picks td{padding:6px 5px}.raffle-pick-open{padding:5px 7px}.raffle-pick-open span{display:none}}

/* ---------- Premios: paso 3 (2026-10-14) ---------- */
.ticket-prizes{display:grid;gap:8px;padding:12px;border-radius:14px;background:#fff8ec;border:1.5px solid #ffe0a8}
.ticket-prizes[hidden]{display:none}
.ticket-prizes>header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ticket-prizes>header b{display:inline-flex;gap:6px;align-items:center;font-weight:900;color:#8a5a00}
.ticket-prizes>header small,.ticket-prizes>small{color:#8a6a2a;font-size:.76rem;font-weight:700}
.prize-suggestions{display:flex;flex-wrap:wrap;gap:6px}
.ticket-prizes:not([data-kind="bingo"]) .prize-suggestions{display:none}
.prize-suggestions button{border:0;border-radius:999px;padding:5px 10px;background:#efe9ff;color:#5b3cc4;font-size:.74rem;font-weight:800}
.prize-edit-list{display:grid;gap:8px}
.prize-edit-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:start;padding:8px;border-radius:12px;background:#fff;border:1px solid #f3e2bf}
.prize-edit-row.has-winner{border-color:#bdebd6;background:#f4fcf8}
.prize-photo-btn{display:grid;place-items:center;width:56px;height:56px;border:1.5px dashed #c9bbec;border-radius:12px;background:#f6f2ff center/cover no-repeat;color:#9b86e0;font-size:1.1rem}
.prize-photo-btn.has-photo{border-style:solid;border-color:#f3e2bf}
.prize-photo-btn.has-photo i{opacity:0}
.prize-photo-btn.is-loading{opacity:.5;cursor:progress}
.prize-edit-fields{display:grid;gap:6px;min-width:0}
.prize-edit-fields input{width:100%;min-height:38px!important;padding:7px 10px!important;font-size:.88rem;border-radius:10px!important}
.prize-edit-place{display:flex;gap:6px;align-items:center;min-width:0}
.prize-place-badge{flex:0 0 auto;padding:4px 9px;border-radius:7px;background:#14112a;color:#fff;font-size:.72rem;font-weight:900}
.ticket-prizes[data-kind="bingo"] .prize-place-badge{display:none}
.ticket-prizes:not([data-kind="bingo"]) .prize-label-input{display:none}
.prize-donor-input::placeholder{color:#c21b78;opacity:.7}
.prize-winner-note{color:#13643a;font-size:.74rem;font-weight:800}
.prize-row-actions{display:grid;gap:6px}
.prize-add-btn{justify-self:start;display:inline-flex;align-items:center;gap:6px;background:#fff!important;color:#7c3cff!important;border:1.5px dashed #b9a4f5!important;box-shadow:none!important}
.prize-help{color:#8a6a2a;font-size:.74rem}
@media(max-width:520px){.prize-edit-row{grid-template-columns:48px minmax(0,1fr)}.prize-photo-btn{width:48px;height:48px}.prize-row-actions{grid-column:1/-1;display:flex;justify-content:flex-end}}
.prize-donor{position:relative;display:block;margin:0}.prize-donor>i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#ff3fa4;font-size:.72rem;pointer-events:none}.prize-edit-fields .prize-donor input{padding-left:28px!important;color:#c21b78;font-weight:700}

/* ---------- Premios: invitación (2026-10-14) ---------- */
.public-prizes{display:grid;gap:7px;margin:4px 0 6px;padding:11px;border-radius:14px;background:linear-gradient(180deg,#fff8ec,#fff);border:2px solid #ffd27a}
.public-prizes>b{display:flex;gap:6px;align-items:center;font-weight:900;color:#8a5a00}
.public-prize{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;padding:6px;border-radius:12px;background:#fff;border:1px solid #f3e2bf}
.public-prize-photo{display:grid;place-items:center;width:58px;height:58px;border-radius:11px;background:linear-gradient(135deg,#f59f00,#ffcf4d) center/cover no-repeat;color:#fff;font-size:1.3rem}
.public-prize small{display:inline-block;margin-bottom:2px;padding:2px 7px;border-radius:6px;background:#14112a;color:#fff;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.public-prize strong{display:block;color:#14112a;font-size:.9rem;line-height:1.2}
.public-prize em{display:block;font-style:normal;color:#c21b78;font-size:.74rem;font-weight:800}
.public-prize-won{display:inline-flex;gap:4px;align-items:center;margin-top:2px;color:#13643a;font-size:.74rem;font-weight:900}
.public-winners{display:grid;gap:7px;background:linear-gradient(135deg,#7c3cff,#ff3fa4)!important;color:#fff;border:0!important}
.public-winners>b{display:flex;gap:6px;align-items:center;font-size:1.05rem;font-weight:900}
.public-winners>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.16);font-size:.84rem}
.public-winners>div small{padding:2px 7px;border-radius:6px;background:#fff;color:#7c3cff;font-weight:900;font-size:.66rem}
.public-winners>div em{font-style:normal;font-weight:900;font-variant-numeric:tabular-nums}
.public-winners-thanks{margin:2px 0 0;font-size:.8rem;color:rgba(255,255,255,.95)}

/* ---------- Premios: Mis números (2026-10-14) ---------- */
.my-prizes{display:grid;gap:5px;margin-top:12px;padding-top:10px;border-top:1px dashed #ece6fb}
.my-prizes>span{color:#8a5a00;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.my-prizes>div{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:7px 9px;border-radius:10px;background:#fff8ec;font-size:.84rem}
.my-prizes>div b{flex:0 0 auto;padding:2px 7px;border-radius:6px;background:#14112a;color:#fff;font-size:.66rem}
.my-prizes>div span{color:#14112a;font-weight:700}
.my-prizes>div small{color:#13643a;font-weight:800}
.my-prizes>div em{margin-left:auto;font-style:normal;color:#c21b78;font-size:.72rem;font-weight:800}
.my-prizes>div.has-winner{background:#f0fbf6}
.my-won{display:flex;gap:8px;align-items:center;margin:0 0 -4px;padding:9px 12px;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#f59f00,#ffcf4d);color:#14112a;font-weight:900;font-size:.88rem}
.my-won i{font-size:1.05rem}

/* ---------- Premios: Recaudación (2026-10-14) ---------- */
.raffle-prize-board{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:16px;background:#fff8ec;border:1.5px solid #ffe0a8}
.raffle-prize-board h3{display:flex;gap:6px;align-items:center;margin:0;font-size:1rem;font-weight:900;color:#8a5a00}
.raffle-prize-help{margin:0;color:#8a6a2a;font-size:.8rem}
.raffle-prize-row{display:grid;gap:8px;padding:10px;border-radius:14px;background:#fff;border:1.5px solid #ece6fb;scroll-margin-top:90px}
.raffle-prize-row.is-done{border-color:#bdebd6;background:#f4fcf8}
.raffle-prize-row header{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.raffle-prize-row header b{padding:2px 8px;border-radius:6px;background:#14112a;color:#fff;font-size:.7rem;font-weight:900}
.raffle-prize-row header strong{color:#14112a;font-size:.92rem}
.raffle-prize-row header em{font-style:normal;color:#c21b78;font-size:.76rem;font-weight:800}
.raffle-prize-row form{margin:0}
.raffle-prize-winner{display:flex;gap:10px;align-items:center;padding:8px;border-radius:12px;background:#fff;border:1px solid #bdebd6}
.raffle-prize-winner>span{display:grid;place-items:center;min-width:52px;height:48px;padding:0 6px;border-radius:12px;background:linear-gradient(135deg,#7c3cff,#ff3fa4);color:#fff;font-weight:900;font-variant-numeric:tabular-nums}
.raffle-prize-winner>div{display:grid;flex:1;min-width:0}
.raffle-prize-winner small{color:#6b6b80}
.raffle-prize-undo{border:0;background:none;padding:0;color:#6b6b80;font-size:.76rem;font-weight:700;text-decoration:underline}
.raffle-prize-wait{color:#8a83a3;font-size:.8rem}
.raffle-card-lookup{display:flex;gap:6px}
.raffle-card-lookup input{flex:1;min-width:0;font-size:1.05rem;font-weight:900;text-align:center;letter-spacing:.08em}
.raffle-card-owner{display:grid;gap:8px;padding:10px;border-radius:12px;background:#f8f5ff;border:1.5px solid #e3d9ff;font-size:.9rem}
.raffle-card-missing{margin:0;padding:8px 10px;border-radius:10px;background:#fff0f2;color:#c0263d;font-size:.84rem;font-weight:700}
.raffle-prize-empty{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#fff8ec;color:#8a5a00;font-size:.86rem}
.public-prize small{width:fit-content;justify-self:start}

/* ---------- Compartir e imprimir cartones (2026-10-14) ---------- */
.my-numbers-tools{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #ece6fb}
.my-numbers-tools p{margin:0;color:#4c4766;font-size:.86rem;line-height:1.4}
.my-numbers-tools p i{color:#7c3cff}
.my-print-btn{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#14112a;color:#fff;font-weight:900;font-size:.86rem;text-decoration:none}
.my-item{display:grid;gap:0}
.my-share{display:grid;gap:8px;margin-top:8px;padding:10px;border-radius:14px;background:#f8f5ff;border:1px solid #e3d9ff;transition:box-shadow .2s}
.my-share.is-saved{box-shadow:0 0 0 3px rgba(18,184,134,.35)}
.my-share-name{position:relative;display:block;margin:0}
.my-share-name i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7c3cff;font-size:.9rem}
.my-share-name input{width:100%;min-height:40px;padding:8px 12px 8px 32px;border:1.5px solid #d9ccff;border-radius:11px;background:#fff;font-weight:700;font-size:.9rem}
.my-share-actions{display:flex;gap:6px}
.my-share-main{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:0;border-radius:999px;background:linear-gradient(135deg,#7c3cff,#ff3fa4);color:#fff;font-weight:900;font-size:.86rem}
.my-share-icon{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid #d9ccff;border-radius:50%;background:#fff;color:#5b3cc4;font-size:1.05rem;text-decoration:none}
a.my-share-icon[data-share-whatsapp]{color:#1aa34a}
/* Cartones/números incluidos por entrada (2026-10-26): opcional y minimizado */
.ticket-includes>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#1d1630}
.ticket-includes>summary::-webkit-details-marker{display:none}
.ticket-includes>summary em{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;color:#6b6b80}
.ticket-includes>summary i{margin-left:auto;color:#7C3CFF;transition:transform .2s}
.ticket-includes[open]>summary i{transform:rotate(180deg)}
.ticket-includes[open]>summary{margin-bottom:8px}
