/* HERMANAS RARAS — DIRECCIÓN DE ARTE FANTASMAGORÍA 2026 */
:root{
  --bg:#0c0a09;--bg2:#16100e;--panel:#130e0c;--red:#ed3c2e;--red-deep:#8e251f;
  --cream:#f1ddbb;--cream-low:#d1b79b;--line:#97705c;--muted:#b7a18c;
  --serif:'Cormorant Garamond','Baskerville','Times New Roman',serif;
  --sans:'DM Sans',Arial,Helvetica,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input{font:inherit}button{cursor:pointer}img{max-width:100%}
::selection{color:var(--bg);background:var(--cream)}
.texture{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.38;background-image:url('assets/print-grain.webp');background-repeat:repeat;background-size:800px 800px;mix-blend-mode:screen}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 82% 18%,#751c191a,transparent 72%),radial-gradient(ellipse 40% 70% at 0 82%,#9b27151a,transparent 68%)}
.site-header{position:relative;z-index:4;border-bottom:1px solid #a77b5840;background:rgba(11,8,7,.93)}
.header-inner,.footer-inner{max-width:1440px;margin:auto;padding:13px clamp(22px,5vw,74px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand-lockup{display:flex;align-items:center;gap:14px}
.brand-logo{width:68px;height:68px;object-fit:contain;display:block}
.brand-words{display:flex;flex-direction:column;gap:4px}
.brand-words strong{font-size:13px;letter-spacing:.2em;color:var(--cream);font-weight:700}
.brand-words span{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:600}
.header-right{display:flex;align-items:center;gap:32px}
.header-ritual{font-size:10px;letter-spacing:.16em;color:var(--cream-low);font-weight:600}
.header-moon{width:96px;height:55px;object-fit:contain;filter:saturate(1.08)}
main{position:relative;z-index:1;max-width:1440px;margin:0 auto;min-height:calc(100vh - 160px)}
.screen{display:none;animation:screenEnter .52s cubic-bezier(.21,.8,.25,1) both}
.screen.active{display:block}
@keyframes screenEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* INTRO: Afiches editoriales, márgenes deliberados, baraja central. */
#intro{position:relative;overflow:hidden;isolation:isolate;min-height:680px;margin:26px clamp(16px,3.2vw,47px) 0;border:1px solid #ab806f76;background:linear-gradient(122deg,#160c0b 0%,#130c0b 43%,#1d0c0b 100%)}
#intro::before{content:'';position:absolute;inset:11px;border:1px solid #8f5d507a;pointer-events:none;z-index:4}
#intro::after{content:'';position:absolute;left:0;right:0;bottom:0;height:170px;z-index:-1;background:linear-gradient(0deg,#330b0e55,transparent)}
.hero-outline{position:absolute;inset:0;pointer-events:none;z-index:5}
.hero-outline .corner{position:absolute;color:var(--red);font-size:25px;line-height:1;text-shadow:0 0 6px #ef2e2344}
.c-tl{left:0;top:0;transform:translate(-2px,-4px)}.c-tr{right:0;top:0;transform:translate(2px,-4px)}.c-bl{left:0;bottom:0;transform:translate(-2px,5px)}.c-br{right:0;bottom:0;transform:translate(2px,5px)}
.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;min-height:604px;max-width:1310px;margin:0 auto}
.hero-copy{padding:clamp(52px,7.8vw,112px) 12px 54px clamp(35px,6.4vw,95px);position:relative;z-index:3}
.kicker,.section-caption{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--cream-low)}
.kicker-star{font-size:23px;color:var(--red);line-height:.7}.kicker-line{display:inline-block;width:60px;height:1px;background:var(--red)}
.hero-title{font-family:var(--serif);font-weight:700;font-size:clamp(77px,8.3vw,133px);line-height:.77;letter-spacing:-.055em;margin:49px 0 30px;color:var(--cream);white-space:nowrap}
.hero-title em{font-style:normal;color:var(--red)}.title-dot{color:var(--cream)}
.hero-declaration{display:flex;gap:15px;align-items:start;margin-top:29px}
.hero-declaration .tiny-star{color:var(--red);font-size:18px;margin-top:8px}
.hero-declaration h2{font:italic 600 clamp(28px,3.3vw,44px)/.94 var(--serif);letter-spacing:-.025em;margin:0;color:var(--cream)}
.hero-declaration i{font-style:italic;color:var(--red)}
.hero-description{font-size:14px;line-height:1.85;color:#d4bda4;max-width:390px;margin:24px 0 31px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--cream);padding:17px 21px;min-height:56px;min-width:210px;text-align:left;text-decoration:none;letter-spacing:.105em;font-weight:700;font-size:11px;transition:background .18s,color .18s,border .18s,transform .18s}
.button-primary{background:var(--red);border-color:var(--red);color:#130c0b}
.button-primary:hover:not(:disabled){background:#fa604e;border-color:#fa604e;transform:translateY(-2px)}
.button-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}
.button-secondary{background:transparent;color:var(--cream);border-color:#8e675b}
.button-secondary:hover{border-color:var(--cream);background:#382020}
.button-arrow{font-size:22px;line-height:1;font-weight:400}
.hero-note{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.17em;color:#b09a85;margin:28px 0 0;font-weight:600}
.note-line{height:1px;width:39px;background:var(--red)}
.hero-art{min-height:565px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.art-halo{position:absolute;width:min(90%,575px);height:520px;border:1px solid #815b4a50;border-radius:50%;background:radial-gradient(circle,#86251a33 0%,#631a1412 52%,transparent 72%);transform:translate(3%,1%);z-index:-2}
.art-halo::after{content:'';position:absolute;inset:35px;border:1px dashed #b1775c3d;border-radius:50%}
.art-moons{position:absolute;top:31px;right:10%;width:140px;opacity:.92;transform:rotate(-7deg)}
.deck-card{display:block;position:absolute;width:39%;max-width:257px;aspect-ratio:827/1417;object-fit:cover;border:1px solid #e7ad856e;background:#0a0504;box-shadow:0 2px 0 #100d0a,0 18px 30px #000b}
.deck-card-left{left:16%;top:20%;transform:rotate(-18deg);filter:brightness(.78);z-index:1}
.deck-card-right{right:14%;top:21%;transform:rotate(17deg);filter:brightness(.78);z-index:2}
.deck-card-center{left:50%;top:16%;transform:translateX(-50%) rotate(-1deg);z-index:3;filter:brightness(1.07);box-shadow:0 13px 65px #000e,0 0 0 6px #12090a}
.art-star{position:absolute;z-index:3;filter:drop-shadow(0 0 7px #df422724)}
.art-star-one{width:49px;left:8%;top:17%}.art-star-two{width:27px;right:14%;top:64%}
.art-flames{position:absolute;right:-20px;bottom:0;width:225px;height:185px;object-fit:cover;object-position:bottom;opacity:.43;mix-blend-mode:screen;z-index:-1;mask-image:linear-gradient(to top,black 60%,transparent 100%)}
.deck-caption{position:absolute;left:0;right:0;bottom:27px;font:700 10px/1.8 var(--sans);letter-spacing:.19em;color:var(--cream-low);text-align:center}
.hero-bottom{display:flex;align-items:center;justify-content:center;gap:clamp(17px,3.8vw,58px);border-top:1px solid #b2785960;background:#110c0b;padding:18px 22px 20px}
.hero-bottom>div{display:flex;align-items:baseline;gap:12px}
.hero-bottom strong{font:600 28px/1 var(--serif);color:var(--red)}
.hero-bottom span{font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--muted)}
.hero-bottom i{color:#d64136;font-style:normal;font-size:16px}

/* QUIZ */
.quiz-screen{padding:55px clamp(22px,5vw,75px) 80px}
.section-caption{margin-bottom:31px;white-space:nowrap;font-size:10px;letter-spacing:.19em}
.section-caption>span:first-child{color:var(--red);font-size:25px;line-height:.6}
.section-caption-line{height:1px;background:linear-gradient(90deg,#bf413b,#6f4a3d3b);flex:1}
.quiz-layout{display:grid;grid-template-columns:minmax(235px,.78fr) minmax(400px,1.62fr);gap:0;min-height:665px;border:1px solid #926d5980;background:#100c0a}
.quiz-sidebar{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#4e1c191e,transparent 75%),#190d0b;border-right:1px solid #936a5780;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 28px 36px;isolation:isolate}
.quiz-sidebar::before{content:'';position:absolute;inset:10px;border:1px solid #9266575f;pointer-events:none}
.quiz-sidebar::after{content:'✳';position:absolute;top:-34px;left:-21px;font:90px var(--serif);color:#d83c2b1b}
.sidebar-upper{text-align:center;color:var(--cream-low);font-size:10px;line-height:1.8;letter-spacing:.19em;font-weight:700}
.sidebar-back{display:block;width:min(64%,210px);max-height:355px;object-fit:contain;filter:drop-shadow(0 16px 20px #000a);transform:rotate(-5deg)}
.sidebar-star{position:absolute;width:52px;right:14%;top:31%}
.sidebar-bottom{text-align:center;color:var(--cream-low);font-size:9px;letter-spacing:.19em;font-weight:600}.sidebar-bottom span{color:var(--red);margin-left:8px}
.quiz-content{padding:clamp(35px,4.4vw,58px) clamp(30px,5vw,76px) 29px}
.quiz-topline{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--cream-low)}
.quiz-topline span:last-child{color:var(--red)}
.progress{margin:14px 0 45px;height:3px;background:#604439;position:relative;overflow:hidden}
.progress>div{height:100%;background:var(--red);width:0;transition:width .26s ease}
.quiz-intro-mark{display:flex;gap:11px;align-items:center;color:var(--red);font-size:10px;letter-spacing:.17em;font-weight:700}
.quiz-intro-mark #symbol{font:34px/1 var(--serif);color:var(--red)}
#question{font:600 clamp(41px,4.25vw,60px)/.98 var(--serif);letter-spacing:-.029em;color:var(--cream);margin:21px 0 12px;max-width:680px}
.choice-instruction{margin:0 0 24px;color:var(--muted);font-size:13px}
.choices{display:grid;gap:9px}
.choice{width:100%;min-height:62px;padding:11px 17px;border:1px solid #72534a;background:#170f0e;color:#e8d0b3;text-align:left;display:flex;align-items:center;gap:19px;transition:border-color .18s,background .18s,transform .18s}
.choice .letter{display:inline-flex;flex:none;align-items:center;justify-content:center;border:1px solid #826355;width:37px;height:37px;font-size:13px;font-weight:700;color:var(--red);font-family:var(--serif);letter-spacing:.02em}
.choice>span:last-child{font-size:13px;line-height:1.4;font-weight:500}
.choice:hover{background:#2b1512;border-color:#e1644e}
.choice:focus-visible,.button:focus-visible,input:focus-visible{outline:2px solid #ffa65e;outline-offset:3px}
.choice.selected{border-color:var(--red);background:#3b1713;color:var(--cream)}
.choice.selected .letter{background:var(--red);color:var(--bg);border-color:var(--red)}
.actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:32px}
.quiz-actions .button{min-width:164px}
.quiz-footer-note{text-align:center;color:#9a7d68;font-size:9px;letter-spacing:.13em;font-weight:700;margin:33px 0 0}

/* RESULT: la carta manda; ningún contenedor fuerza su altura. */
.result-screen{padding:54px clamp(22px,5vw,75px) 88px}
.result-intro{text-align:center;margin-bottom:46px}
.result-ornament{color:var(--red);font-size:22px;letter-spacing:.18em}.result-ornament span{color:#e3b695;font-size:17px}
.result-intro p{font-size:10px;letter-spacing:.21em;color:var(--red);font-weight:700;margin:18px 0 7px}
.result-intro h2{font:600 clamp(53px,7.2vw,92px)/.95 var(--serif);letter-spacing:-.04em;margin:0;color:var(--cream)}
.result-intro h2 em{font-style:italic;color:var(--red)}
.result-layout{display:grid;grid-template-columns:minmax(230px,370px) minmax(380px,1fr);align-items:center;gap:clamp(40px,7vw,100px);max-width:1070px;margin:auto}
.result-card-area{position:relative;display:flex;align-items:center;flex-direction:column;isolation:isolate}
.result-card-halo{position:absolute;inset:7% -10%;background:radial-gradient(ellipse,#7e211d45,transparent 67%);z-index:-1}
.result-card{display:block;width:100%;max-width:345px;height:auto;aspect-ratio:827/1417;object-fit:contain;background:#110908;border:1px solid #df9379;box-shadow:0 0 0 6px #120b09,0 0 0 7px #986751,0 20px 55px #000c}
.result-card-foot{font-size:9px;letter-spacing:.14em;color:var(--muted);margin-top:24px;text-align:center;font-weight:700}
.category{display:flex;align-items:center;gap:12px;line-height:1.6;font-size:11px;font-weight:700;color:var(--red);letter-spacing:.16em}
.category-star{font-size:22px;line-height:1}
.result-copy h3{font:700 clamp(56px,6.5vw,92px)/.87 var(--serif);letter-spacing:-.052em;margin:25px 0 20px;color:var(--cream);overflow-wrap:anywhere}
.result-divider{display:flex;align-items:center;gap:17px;max-width:400px;margin:24px 0}
.result-divider span{height:1px;background:#b58c736c;flex:1}
.result-star{width:22px;height:29px;object-fit:contain}
#explanation{font-size:15px;line-height:1.85;color:#d4c0a7;max-width:540px;margin:0}
.message{border-left:2px solid var(--red);padding:3px 0 3px 22px;margin-top:33px}
.message small{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--red)}
.message blockquote{font:italic 600 clamp(23px,2.8vw,34px)/1.14 var(--serif);color:var(--cream);margin:13px 0 0}
.claim-box{margin:58px auto 0;max-width:720px;text-align:center;border-top:1px solid #8a675b79;border-bottom:1px solid #8a675b79;padding:30px 15px}
.claim-label{color:var(--red);font-size:10px;letter-spacing:.17em;font-weight:700}
.claim-code{font:700 clamp(17px,2.3vw,25px)/1.5 var(--sans);letter-spacing:.13em;color:var(--cream);margin:12px 0 5px;overflow-wrap:anywhere}
.delivery-note{font-size:12px;line-height:1.8;color:#bba58f;margin:6px auto 0;max-width:550px}
.actions.centered{justify-content:center}
.result-actions{margin-top:30px}

/* FOOTER */
.site-footer{position:relative;z-index:2;border-top:1px solid #b7897542;margin-top:42px;background:#0b0908}
.footer-inner{padding-top:16px;padding-bottom:16px}
.footer-mark{display:flex;align-items:center;gap:13px}.footer-mark img{width:63px;height:48px;object-fit:contain}
.footer-mark span{font:italic 600 18px/1.05 var(--serif);color:var(--cream-low)}
.footer-right{display:flex;align-items:end;flex-direction:column;gap:8px}
.footer-right>span{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--red)}
.footer-right small{font-size:9px;letter-spacing:.14em;color:#907765}

/* ADMIN */
.admin-return{font-size:10px;font-weight:700;letter-spacing:.12em;text-decoration:none;color:var(--cream-low)}
.admin-return:hover{color:var(--cream)}
.admin-main{max-width:1100px;padding:55px clamp(22px,5vw,70px) 80px;margin:auto;min-height:80vh}
.admin-main h1{font:600 clamp(52px,6vw,79px)/.95 var(--serif);letter-spacing:-.04em;margin:26px 0 18px}
.admin-main h1 em{color:var(--red);font-style:italic}
.admin-lead{font-size:14px;color:#d3bda6;max-width:650px;line-height:1.8;margin-bottom:30px}
.admin-login{background:#170f0e;border:1px solid #8f6553;padding:26px}
.admin-login label{display:block;color:var(--cream-low);font-size:10px;letter-spacing:.16em;font-weight:700;margin-bottom:13px}
.admin-login-row{display:flex;gap:12px;flex-wrap:wrap}
.admin-login-row input{border:1px solid #8b6053;background:#100b09;color:var(--cream);padding:15px;min-width:250px;flex:1}
.admin-login-row .button{flex:none}
.admin-msg{color:var(--cream);font-size:13px;min-height:24px;margin:19px 0}
.admin-panel{overflow-x:auto;border:1px solid #775348}
.admin-table{border-collapse:collapse;width:100%;min-width:575px}
.admin-table th,.admin-table td{text-align:left;padding:13px 18px;border-bottom:1px solid #68483c;font-size:13px}
.admin-table th{font-size:10px;letter-spacing:.1em;color:var(--red);background:#20110f}
.admin-table tr:nth-child(even){background:#17100e}
.admin-table td{color:var(--cream)}
.admin-table input{background:#0c0a09;color:var(--cream);border:1px solid #8f6a57;padding:10px;width:94px}
.admin-table button{padding:9px 13px;min-width:0;min-height:0;font-size:10px}
.admin-summary{font-weight:700;color:var(--red);margin:19px 0}
.admin-tip{font-size:12px;line-height:1.8;color:#bca58b}

@media(max-width:1100px){
 .header-ritual{display:none}
 .hero-title{font-size:clamp(72px,8.8vw,100px)}
 .hero-copy{padding-left:56px}
 .hero-art{min-height:520px}
 .deck-card{width:43%}
 .quiz-layout{grid-template-columns:260px minmax(0,1fr)}
 .quiz-content{padding:42px 36px 24px}
}
@media(max-width:800px){
 #intro{min-height:0;margin:14px 14px 0}
 .hero-inner{grid-template-columns:1fr}
 .hero-copy{padding:54px 40px 10px}
 .hero-title{font-size:clamp(80px,15vw,119px)}
 .hero-description{max-width:510px}
 .hero-art{height:490px;min-height:0;margin:0 auto;width:100%;max-width:580px}
 .deck-card{width:35%;max-width:205px}
 .deck-card-left{left:22%;top:13%}.deck-card-right{right:19%;top:14%}.deck-card-center{top:9%}
 .art-halo{height:400px}.art-moons{right:9%;top:0}.deck-caption{bottom:3px}.art-flames{bottom:-30px}
 .hero-bottom{flex-wrap:wrap}
 .quiz-screen,.result-screen{padding:39px 22px 60px}
 .quiz-layout{grid-template-columns:1fr}
 .quiz-sidebar{display:none}
 .quiz-content{padding:40px clamp(23px,6vw,55px)}
 .result-layout{grid-template-columns:1fr;gap:44px;max-width:610px}
 .result-card{max-width:310px}
 .result-copy{text-align:center}
 .result-divider{margin-left:auto;margin-right:auto}
 .category{justify-content:center}
 #explanation{margin:auto}
 .message{text-align:left}
 .footer-inner{padding-left:25px;padding-right:25px}
}
@media(max-width:510px){
 .header-inner{padding:10px 16px;gap:7px}
 .brand-logo{width:53px;height:53px}
 .brand-lockup{gap:9px}.brand-words strong{font-size:10px;letter-spacing:.1em}.brand-words span{font-size:7px;letter-spacing:.07em}
 .header-moon{width:65px;height:42px}
 #intro{margin:10px 9px 0}
 #intro::before{inset:7px}
 .hero-copy{padding:55px 25px 10px}
 .kicker{font-size:8px;gap:8px;letter-spacing:.10em}.kicker-star{font-size:18px}.kicker-line{width:18px}
 .hero-title{font-size:clamp(67px,17.6vw,88px);letter-spacing:-.055em;margin:35px 0 24px}
 .hero-declaration{margin-top:25px}.hero-declaration h2{font-size:35px}
 .hero-description{font-size:13px;line-height:1.7;margin:21px 0 25px}
 .hero-copy .button{width:100%}
 .hero-note{font-size:7px;letter-spacing:.1em}
 .hero-art{height:345px;min-height:0;margin-top:13px}
 .deck-card{width:41%;max-width:163px}
 .deck-card-left{left:16%;top:10%}.deck-card-right{right:15%;top:12%}.deck-card-center{top:7%}
 .art-halo{height:305px;max-width:390px}.art-moons{width:82px;top:0;right:6%}
 .art-star-one{width:29px;left:7%;top:13%}.art-star-two{width:23px;right:8%;top:55%}
 .art-flames{width:130px;height:130px;bottom:-13px}
 .deck-caption{font-size:8px;bottom:6px}
 .hero-bottom{gap:11px;padding:16px 12px 18px;justify-content:space-around}
 .hero-bottom>div{flex-direction:column;gap:3px;align-items:center}
 .hero-bottom strong{font-size:26px}.hero-bottom span{font-size:7px;letter-spacing:.06em;text-align:center}.hero-bottom i{font-size:11px}
 .quiz-screen,.result-screen{padding:30px 13px 49px}
 .section-caption{font-size:8px;gap:8px;letter-spacing:.1em;margin-bottom:23px}.section-caption>span:first-child{font-size:20px}
 .quiz-content{padding:30px 19px 24px}
 .progress{margin:13px 0 34px}
 .quiz-intro-mark{font-size:8px;gap:7px;letter-spacing:.1em}
 #question{font-size:clamp(39px,10vw,53px);margin:21px 0 13px}
 .choice-instruction{font-size:12px;line-height:1.6}
 .choice{min-height:64px;gap:12px;padding:12px 11px}
 .choice .letter{width:32px;height:32px;font-size:12px}
 .choice>span:last-child{font-size:12px}
 .actions{gap:9px}.quiz-actions .button{min-width:0;flex:1;padding:13px 12px;font-size:9px;gap:3px}
 .button-arrow{font-size:18px}.quiz-footer-note{font-size:8px;line-height:1.8}
 .result-intro{margin-bottom:35px}.result-intro h2{font-size:56px}
 .result-card{max-width:270px}.result-card-foot{font-size:8px;line-height:1.6}
 .result-layout{gap:35px}.result-copy h3{font-size:64px}
 #explanation{font-size:14px}.message blockquote{font-size:28px}
 .claim-box{margin-top:40px}.claim-label{font-size:9px}
 .result-actions{flex-direction:column;align-items:stretch}
 .result-actions button{width:100%}
 .footer-inner{padding:14px 16px;gap:9px}
 .footer-mark img{width:39px;height:41px}.footer-mark span{font-size:13px}
 .footer-right>span{font-size:8px;letter-spacing:.05em}.footer-right small{font-size:7px;letter-spacing:.03em}
 .admin-main{padding:30px 14px 70px}.admin-login{padding:18px}.admin-login-row input{min-width:100%}.admin-login-row .button{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Ajuste de título en teléfonos estrechos: nunca cortar "Hermanas". */
@media(max-width:510px){.hero-title{font-size:clamp(39px,12.4vw,64px)}}
@media(max-width:510px){.result-card-halo{left:0;right:0}}

/* Herramienta administrativa de reinicio */
.admin-reset{margin:28px 0 24px;padding:24px 27px;border:1px solid #a65b4780;background:#20100e;display:flex;align-items:center;justify-content:space-between;gap:25px}
.admin-reset h2{font:600 30px/1.1 var(--serif);color:var(--cream);margin:0 0 9px}
.admin-reset p{color:var(--muted);font-size:13px;line-height:1.6;max-width:620px;margin:0}
.admin-reset strong{color:var(--cream)}
.button-reset{min-width:220px;padding:16px 20px;color:#ffded3;background:#6b201c;border:1px solid #dc5148;cursor:pointer;font-size:10px;letter-spacing:.12em;font-weight:700}
.button-reset:hover:not(:disabled){background:#a92c25}
.button-reset:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:680px){.admin-reset{flex-direction:column;align-items:stretch;padding:19px}.button-reset{width:100%}}

/* Confirmación física: una revelación no consume existencias. */
.claim-box{max-width:760px;margin-left:auto;margin-right:auto}
.claim-box .claim-code{font-size:clamp(13px,2vw,19px);letter-spacing:.09em}
.claim-box .delivery-note{max-width:600px;margin:15px auto 21px;line-height:1.7}
.delivery-confirm{display:inline-flex;align-items:center;justify-content:center;min-height:57px;max-width:100%;margin:3px auto 5px;padding:15px 28px}
.delivery-confirm[hidden]{display:none!important}
.delivery-warning{font-size:10px;letter-spacing:.09em;color:#c6a387;margin:15px 0 0;line-height:1.6}
.claim-box.confirmed{border-color:#ba9b68;background:linear-gradient(140deg,#24190e,#160e0d)}
.claim-box.confirmed .claim-code{color:#f5dbad}
@media(max-width:510px){.delivery-confirm{width:100%;padding:15px 10px}.delivery-warning{font-size:9px}}