:root{font:16px 'Segoe UI',system-ui,sans-serif;color:#173d36;background:#f7f4ea}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#153e35;color:#fff}a{color:inherit}header a{text-decoration:none}.brand{font-weight:900;letter-spacing:2px}nav{display:flex;gap:24px;font-size:14px}.notice{text-align:center;background:#e8c96f;padding:10px;font-size:14px}main{max-width:1200px;margin:auto;padding:32px 24px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800}h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,60px);line-height:1.02;margin:18px 0}h1 em{color:#aa4234}h2{font:700 30px Georgia,serif}h3{margin:8px 0}p{line-height:1.6}.demo{padding:12px 16px;border:1px solid #be9836;border-radius:6px;background:#fff5cf;margin:15px 0}button,.button{display:inline-block;background:#164b40;color:white;border:0;border-radius:6px;padding:12px 18px;font:inherit;cursor:pointer;text-decoration:none}button:disabled{opacity:.5;cursor:default}.secondary{background:#e4e9df;color:#153e35}.danger{background:#ae4437;color:white}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;align-items:center}#toolbar{margin:20px 0}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.raffle{background:white;border:1px solid #d2d9cd;border-radius:12px;padding:26px;border-top:5px solid #b64436}.raffle p{color:#58736a}.badge{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:800;background:#e5ebdf;border-radius:20px;padding:5px 10px;display:inline-block}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0}.card{padding:0;overflow:hidden;background:white;color:#173d36;border:1px solid #c0ccbf;border-radius:8px;position:relative;text-align:center;min-width:0}.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.card .placeholder{font:60px Georgia,serif;display:grid;place-items:center;aspect-ratio:1;background:#e8dcb7}.card strong,.card small{display:block;padding:6px 5px}.card .state{padding:7px;background:#e1edde;font-size:12px}.card.reserved .state{background:#f1d38b}.card.confirmed .state{background:#195240;color:white}.card.confirmed{border-color:#195240}.card:hover:enabled{box-shadow:0 4px 0 #d9b84e;transform:translateY(-2px)}.panel{border:1px solid #cad3c6;border-radius:10px;background:white;padding:24px;margin:24px 0}.draw{background:#123d35;color:white;padding:32px;border-radius:12px;margin:24px 0;text-align:center}.draw h2{color:#edd07e}.draw .current{font:700 42px Georgia,serif;margin:20px}.draw img{max-width:240px;max-height:240px;border-radius:10px}.draw-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.draw-list span{background:#ffffff18;border:1px solid #ffffff40;padding:6px 12px;border-radius:20px;font-size:14px}.commit{font:12px monospace;word-break:break-all;opacity:.75}.field{display:block;margin:16px 0}input,textarea{display:block;width:100%;padding:12px;border:1px solid #abbdb1;border-radius:5px;font:inherit;margin-top:6px}textarea{min-height:100px}dialog{border:0;border-radius:12px;padding:32px;max-width:560px;width:calc(100% - 32px);color:#173d36;max-height:90vh;overflow:auto}dialog::backdrop{background:#0c262ac9}.close{position:absolute;right:10px;top:8px;background:none;color:#173d36;padding:5px 12px;font-size:25px}.row{display:flex;gap:14px;justify-content:space-between;align-items:center;border-bottom:1px solid #d6ded2;padding:14px 0;flex-wrap:wrap}.row .actions{margin:0}#error:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;padding:15px 24px;background:#832f25;color:white;box-shadow:0 6px 30px #0003;border-radius:7px;z-index:5}footer{text-align:center;padding:40px;color:#587268;font-size:13px}[hidden]{display:none!important}summary{cursor:pointer;font-weight:700}.empty{text-align:center;padding:50px;border:1px dashed #98afa1;border-radius:10px}.winner{color:#eacc74}.hint{font-size:14px;color:#64796f}:focus-visible{outline:3px solid #dc9728;outline-offset:3px}@media(max-width:700px){header{flex-wrap:wrap}.brand{font-size:15px}main{padding:20px 14px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card strong{font-size:14px}.draw{padding:18px}.draw .current{font-size:30px}}
dialog:has(.importer){max-width:1100px}.import-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.source-preview{position:relative;max-width:520px;margin:15px auto;line-height:0}.source-preview img{width:100%;height:auto}.crop-overlay{position:absolute;border:2px solid #e92626;pointer-events:none;background-image:linear-gradient(to right,#ff2424aa 1px,transparent 1px),linear-gradient(to bottom,#ff2424aa 1px,transparent 1px)}.import-review{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.import-card{padding:12px;border:1px solid #bccbbc;border-radius:8px}.import-card>img{width:100%;height:190px;object-fit:contain;background:#f5f2e5}.import-card input[type=checkbox]{display:inline;width:auto}.import-card .field{margin:8px 0}.import-card input{padding:7px}.card img{object-fit:contain}@media(max-width:700px){.import-review{grid-template-columns:repeat(2,minmax(0,1fr))}.import-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cards{align-items:start}.card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.card:disabled{opacity:1}.card.confirmed img{filter:grayscale(1)}



.card.reserved{outline:none;box-shadow:none;border-color:#858585;background:#dedede}.card.reserved img,.card.reserved .placeholder{filter:grayscale(1);opacity:.55}.card.reserved:hover:enabled{box-shadow:none;transform:none}

.card.reserved::after{content:'RESERVADA';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:10px 2px;background:rgba(55,55,55,.9);color:#fff;font-size:clamp(10px,1.4vw,17px);font-weight:800;letter-spacing:1px;text-align:center;pointer-events:none}


select{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #abbdb1;border-radius:5px;font:inherit}.product-prize{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;background:white;padding:24px;border-radius:16px;margin:24px 0;border:1px solid #cad3c6}.product-prize img{width:100%;max-height:360px;object-fit:contain}.product-preview{width:100%;max-height:180px;object-fit:contain}.catalog-product{width:100%;height:220px;object-fit:contain;margin-bottom:16px}@media(max-width:600px){.product-prize{grid-template-columns:1fr}}

/* Tema azul, morado y rosa */
:root{color:#272448;background:#f6f3ff}
body{min-height:100vh;background:radial-gradient(ellipse at 0 15%,#dceaff 0,transparent 48%),radial-gradient(ellipse at 100% 35%,#ffe0ef 0,transparent 48%),#f6f3ff}
header{background:linear-gradient(115deg,#194dcc,#6934c6 58%,#b52380);box-shadow:0 4px 24px #48268924}
nav a{padding:8px 12px;border-radius:20px;background:#ffffff14}nav a:hover{background:#ffffff2b}
.notice{background:linear-gradient(90deg,#e3edff,#eee0ff,#ffdcec);color:#652071;font-weight:800;letter-spacing:1px}
h1,h2,h3{color:#352260}h1 em{color:#ae237b}.eyebrow{color:#2355b5}
#welcome{padding:24px 0 32px;border-bottom:3px solid #d7c9ff}#welcome h1{font-weight:800}#welcome p:not(.eyebrow){color:#565174}
button,.button{background:linear-gradient(110deg,#2451c7,#7631bd);color:white;border-radius:10px;font-weight:600;box-shadow:0 3px 10px #5432ad19}
button:hover:enabled,.button:hover{filter:brightness(1.08)}
.secondary{background:#eae3ff;color:#50218c}.danger{background:#ad2454;color:#fff}
.raffle{border:1px solid #ded6f6;border-top:5px solid #8b40cf;border-radius:18px;box-shadow:0 10px 30px #5a328012}
.raffle:nth-child(3n+2){border-top-color:#db3889}.raffle:nth-child(3n+3){border-top-color:#3178dd}.raffle p{color:#58516d}
.badge{background:#eee1ff;color:#662397}.raffle .button{margin-top:8px}
.card{background:#fff;color:#352260;border-color:#d6caee;box-shadow:0 3px 12px #57359312;font-weight:400}
.card .placeholder{background:linear-gradient(145deg,#dceaff,#e9d8ff 60%,#ffddec);color:#4e2594}
.card.available:hover:enabled{box-shadow:0 5px 0 #c74dbe;filter:none}.card strong{background:#fff;color:#4f2c82}
.card .state{background:#e8ddff;color:#532b83}.card.confirmed{border-color:#7139ad}.card.confirmed .state{background:#7139ad;color:white}
.card.reserved{background:#dedede;border-color:#858585;box-shadow:none}.card.reserved:hover:enabled{filter:none}
.panel,.product-prize,.import-card{border-color:#ded5ef;box-shadow:0 6px 22px #5430800b}.product-prize{border-top:4px solid #c63897}
.draw{background:linear-gradient(130deg,#193e9b,#6630aa 65%,#982d89);box-shadow:0 12px 32px #4c28822b}.draw h2,.winner{color:#fff0b5}
input,textarea,select{border-color:#c7b7e0;color:#292344;background:#fff;border-radius:8px}input:focus,textarea:focus,select:focus{outline:3px solid #b9ceff;border-color:#7650bc}input[type=checkbox]{accent-color:#7537c1}
dialog{color:#302445;background:#fffcff;box-shadow:0 20px 80px #27154d55;border-radius:18px}dialog::backdrop{background:#211439b8}.close{background:none;color:#643898;box-shadow:none}
.row{border-color:#e2d9ef}.hint,footer{color:#645777}.empty{border-color:#c0a5df;background:#ffffff70}.import-card>img{background:#f4effb}
:focus-visible{outline:3px solid #316fed;outline-offset:3px}