:root{ --coope-primary:#134e4a; --coope-accent:#0ea5a6; }
.coope-sorteos{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:relative}
.coope-card{border:1px solid #e6e6e6;border-radius:16px;padding:18px;max-width:1024px;margin:0 auto;box-shadow:0 2px 6px rgba(0,0,0,.05);background:#fff}
.coope-title{font-size:28px;font-weight:900;margin:0 0 8px;display:flex;gap:10px;align-items:center;color:var(--coope-primary)}
.coope-title:before{content:"🎉"}
.coope-desc{color:#475569;margin:.25rem 0 .75rem}
.coope-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:960px){.coope-grid{grid-template-columns:1fr}}
.coope-window{position:relative;height:64px;overflow:hidden;border-radius:12px;border:1px dashed #cfd4dc;background:#f9fafb;margin:8px 0}
.coope-strip{position:absolute;left:0;right:0;top:0;will-change:transform;font-weight:900;font-size:22px;line-height:64px;text-align:center}
.coope-slot-center{position:absolute;inset:0;pointer-events:none;border-top:2px solid rgba(14,165,166,.2);border-bottom:2px solid rgba(14,165,166,.2)}
.coope-winner{margin-top:12px;text-align:center;font-size:24px;font-weight:900;color:var(--coope-accent)}
.coope-btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--coope-primary);color:#fff;background:var(--coope-primary);font-weight:800;cursor:pointer;text-decoration:none;margin-top:12px}
.coope-btn[disabled]{opacity:.6;cursor:not-allowed}
.coope-row{height:64px}
.coope-blur{filter:blur(1.3px)}
.coope-actions{display:flex;gap:10px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.coope-meta{font-size:12px;color:#6b7280;text-align:center;margin-top:8px}
.coope-field{display:flex;flex-direction:column;gap:6px}
.coope-input,.coope-textarea,.coope-file{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px;background:#fff}
.coope-textarea{min-height:120px;resize:vertical}
.coope-help{font-size:12px;color:#6b7280}
.coope-accordion{margin-top:10px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}
.coope-accordion > summary{list-style:none;cursor:pointer;padding:10px 14px;font-weight:800;color:#0f172a}
.coope-accordion > summary::marker{display:none}
.coope-accordion .inner{padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.coope-accordion .inner{grid-template-columns:1fr}}
.coope-switch{display:flex;align-items:center;gap:8px;margin-top:4px}


/* search panel */
.coope-search-wrap{margin-top:8px}
.coope-list-scroll{max-height:220px; overflow:auto; border:1px solid #e5e7eb; border-radius:10px; padding:6px; background:#fff}
.coope-row{padding:6px 8px; border-bottom:1px dashed #eef2f7}
.coope-row:last-child{border-bottom:0}
.coope-btn.coope-btn-secondary{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0}
.coope-btn.coope-btn-secondary:hover{background:#e2e8f0}
.coope-muted{color:#64748b;padding:8px}


/* Responsive winners list */
@media(max-width:640px){
  .coope-winners-list{grid-template-columns:1fr !important;}
}

/* Winners panel (web) */
.coope-winners-card{max-width:620px;margin:16px auto;border:1px solid #d7e3ff;border-radius:12px;background:#f8fbff;box-shadow:0 10px 22px rgba(25,84,180,.08)}
.coope-winners-card .coope-winners-list{padding:10px 14px}
.coope-winners-card .coope-winners-list ol{margin:0;padding-left:22px}
.coope-winners-card .coope-winners-list li{padding:6px 6px 6px 4px;font-weight:600;color:#1f2a44}

/* Spotlight sweep at winner */
.coopes-spot{
  position:fixed; inset:0; pointer-events:none; z-index:99995;
  background:radial-gradient(200px 120px at 0% 50%, rgba(255,255,255,.25), rgba(0,0,0,0) 60%);
  animation: coopes-spot-kf 1200ms ease-out forwards;
}
@keyframes coopes-spot-kf{from{background-position:0% 50%}to{background-position:100% 50%}}

/* === Modal ganador (<dialog>) === */
.coopes-dialog{ border:0; border-radius:14px; width:min(560px,92vw); padding:0; box-shadow:0 24px 80px rgba(0,0,0,.28); }
.coopes-dialog header{ padding:14px 18px; font-weight:700; background:#f7f7f8; border-bottom:1px solid #e7e7ea; }
.coopes-dialog main{ padding:18px; }
.coopes-dialog footer{ display:flex; gap:10px; justify-content:flex-end; padding:14px 18px; background:#fafafa; border-top:1px solid #eee; }
.coopes-dialog::backdrop{ background:rgba(0,0,0,.55); }
.coopes-modal__field{ padding:10px 12px; background:#f3f4f6; border-radius:8px; border:1px solid #e5e7eb; }
.coopes-btn{ padding:8px 14px; border-radius:8px; border:1px solid #d1d5db; background:#fff; cursor:pointer; }
.coopes-btn--primary{ background:#2563eb; border-color:#1d4ed8; color:#fff; }
.coopes-noscroll{ overflow:hidden; }