*{box-sizing:border-box}body{margin:0;background:#f3f7f3;color:#17251e;font:16px/1.5 system-ui,-apple-system,sans-serif}header{background:#123b2b;color:#fff;padding:22px max(18px,calc((100% - 850px)/2))}.brand{font-size:1.25rem;font-weight:800}header p{margin:3px 0;color:#cfe1d5}main{max-width:850px;margin:20px auto;padding:0 14px}.hero{background:linear-gradient(135deg,#174c35,#28764e);color:#fff;border-radius:18px;padding:24px;margin-bottom:16px}.hero small{letter-spacing:.15em}.hero h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.1;margin:.3em 0}.panel{background:#fff;border:1px solid #dfe8e0;border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 4px 15px #173b2510}.between{display:flex;justify-content:space-between;gap:12px;align-items:center}.muted{color:#68756c;font-size:.9rem}.numbers{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.num{padding:9px 0;border:1px solid #80b491;border-radius:7px;background:#edf6ef;color:#17482c;font-weight:700;cursor:pointer}.num.chosen{outline:3px solid #176b40;background:#cce8d3}.num.pending{background:#fff0c7;border-color:#d9b447;color:#755700}.num.sold{background:#dce4de;border-color:#aebbb1;color:#69736c;text-decoration:line-through}.num:disabled{cursor:not-allowed}.summary{padding:18px 0;overflow-wrap:anywhere}button{border:0;border-radius:10px;padding:13px 16px;background:#176b40;color:#fff;font-size:1rem;font-weight:750;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#reserve{width:100%}footer{text-align:center;color:#68756c;font-size:.82rem;padding:24px 10px 40px}dialog{border:0;border-radius:16px;padding:0;width:min(94vw,460px);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#07130dcc}dialog form{padding:22px}label{display:block;margin:14px 0;font-weight:650}input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #cbd8ce;border-radius:9px;font:inherit;margin-top:5px}.consent{display:flex;gap:9px;font-size:.9rem}.secondary{background:#e5ece6;color:#24372a;padding:6px 12px}@media(max-width:520px){.numbers{gap:4px}.num{font-size:.8rem;padding:8px 0}.panel{padding:15px}}
.hero{background:linear-gradient(135deg,#124b36,#247c53 65%,#62a96c);position:relative;overflow:hidden}.hero:after{content:"🌿 💚 🌼";position:absolute;right:14px;bottom:10px;font-size:1.4rem;opacity:.8}.brand{letter-spacing:.01em}.panel{border-radius:20px}.num{transition:transform .15s,box-shadow .15s,background .15s}.num:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 10px #17482c25}.num.chosen{background:#ffc5e1;border-color:#ed4d9a;color:#7d1748}.payment-note{padding:12px 14px;border-radius:12px;background:#edf8ef;border:1px solid #c4e4cc;margin:14px 0;font-size:.9rem}.payment-note p{margin:5px 0}.thanks{padding:26px;text-align:center;background:linear-gradient(180deg,#effaf0,#fff0f7);border-radius:16px}.thanks h2{font-size:1.8rem;color:#176b40}.thanks .sparkle{font-size:2rem;animation:bounce 1.4s ease-in-out infinite}.thanks p{line-height:1.6}.thanks button{background:#e82d8a}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
[hidden]{display:none!important}article.panel{margin-top:14px}article h2{margin-top:0}article .between{justify-content:flex-start;flex-wrap:wrap;margin-top:14px}article .secondary{background:#e5ece6;color:#24372a}#loginForm button{width:100%}#reservations{margin-top:18px}

/* Rediseño Rifa Alison: aventura, selector y tarjetas */
:root{--forest:#073e35;--leaf:#16865b;--mint:#e8f8ed;--pink:#f32989;--pink-light:#fff0f7;--ink:#123f39;--muted:#5e7771;--line:#d9eee2}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 8% 12%,#dff9e6 0,transparent 32%),#f2faf5;color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar{background:var(--forest);color:white;padding:14px max(20px,calc((100% - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:1.3rem;font-weight:850;line-height:1.05}
.brand b{color:#ff8fc4}.brand small{display:block;font-size:.61rem;letter-spacing:.12em;color:#c6e9d8;margin-top:6px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--pink);font-size:1.3rem}
.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.topbar nav a{color:white;text-decoration:none;font-weight:650;font-size:.88rem;padding:9px 12px;border-radius:999px}.topbar nav a:hover{background:#ffffff20}
main{max-width:1240px;margin:24px auto;padding:0 18px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:300px;border-radius:28px;overflow:hidden;margin-bottom:22px;background:linear-gradient(125deg,#07523e,#158a5b 65%,#73d59b);color:white;box-shadow:0 16px 40px #0c59301c}
.hero-copy{padding:clamp(26px,4vw,54px);align-self:center}.eyebrow{font-size:.72rem;font-weight:850;letter-spacing:.13em;color:#c4ffdc}.eyebrow.pink{color:var(--pink)}
.hero h1{font-size:clamp(2rem,4.3vw,3.8rem);line-height:1.04;letter-spacing:-.045em;margin:16px 0}.hero h1 em{font-style:normal;color:#ffb8d9}.hero-copy p{max-width:520px;color:#e1f8e9;font-size:1.05rem}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.hero-tags span{border:1px solid #ffffff55;background:#ffffff16;border-radius:999px;padding:8px 12px;font-size:.83rem}
.hero-art{position:relative;overflow:hidden;min-height:270px;background:linear-gradient(#9be6e8 0%,#d3f6da 56%,#65bf7b 57%,#1e855a 100%)}
.hero-art:before{content:"";position:absolute;width:130%;height:55%;left:-15%;bottom:4%;border-radius:50% 50% 0 0;background:linear-gradient(145deg,#2e9b67,#0b6249);transform:rotate(-8deg)}
.hero-art:after{content:"";position:absolute;width:110%;height:43%;right:-25%;bottom:-4%;border-radius:50% 50% 0 0;background:linear-gradient(120deg,#74d18a,#247e55);transform:rotate(12deg)}
.sun{position:absolute;width:70px;height:70px;border-radius:50%;background:#ffe8a0;right:20%;top:14%;box-shadow:0 0 0 14px #fff5b433}
.mountain{position:absolute;z-index:1;bottom:24%;width:0;height:0;border-left:130px solid transparent;border-right:130px solid transparent;border-bottom:180px solid #f5fff1;filter:drop-shadow(0 8px 0 #80c6a1)}
.mountain:after{content:"";position:absolute;top:34px;left:-49px;border-left:49px solid transparent;border-right:49px solid transparent;border-bottom:66px solid #7cc6a5}
.mountain.back{left:4%;transform:scale(.8);border-bottom-color:#f5fff1}.mountain.front{left:40%;transform:scale(1.15);border-bottom-color:#e5f7e9}
.trail{position:absolute;z-index:2;bottom:11%;left:10%;font-size:clamp(1.5rem,3vw,2.8rem);letter-spacing:.15em;filter:drop-shadow(0 3px 2px #145a35)}
.adventure-stamp{position:absolute;z-index:3;right:7%;bottom:9%;background:#fffaf0;color:var(--forest);border:3px solid #e6a44b;border-radius:18px;padding:12px 16px;font-weight:950;line-height:1.1;transform:rotate(5deg);box-shadow:0 8px 20px #17472b30}.adventure-stamp span{color:var(--pink);font-size:1.5rem}
.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:20px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin:0 0 18px;box-shadow:0 8px 28px #144e2a0b}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading h2,.panel h2{font-size:1.35rem;letter-spacing:-.025em;line-height:1.2;margin:6px 0 8px;color:var(--forest)}.section-heading p,.panel p{margin:6px 0;color:var(--muted)}
.sold-counter{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;background:var(--pink-light);color:var(--pink);padding:10px;border-radius:16px}.sold-counter strong{font-size:1.25rem;line-height:1.2}.sold-counter span{font-size:.72rem}
.legend{display:flex;gap:12px 20px;flex-wrap:wrap;margin:20px 0 12px;font-size:.79rem;color:#49645b}.legend span{display:flex;align-items:center;gap:7px}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.available-dot{background:#1cc878}.pending-dot{background:#ffd33f}.sold-dot{background:#f32989}
.numbers{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.num{padding:9px 0;border:1px solid #b8dfc6;border-radius:9px;background:#f1fbf4;color:#135440;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;font-variant-numeric:tabular-nums}.num:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 10px #17482c25}.num.chosen{outline:2px solid var(--pink);outline-offset:1px;background:var(--pink);border-color:var(--pink);color:white}.num.pending{background:#fff5c9;border-color:#f1cc45;color:#7c5b00}.num.sold{background:#ffe0ee;border-color:#f6a6cb;color:#9e3c68;text-decoration:line-through}.num:disabled{cursor:not-allowed}
.selection-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf3ee;margin-top:18px;padding:18px 0 14px;overflow-wrap:anywhere}.selection-summary>div:first-child{min-width:0}.summary-label{display:block;font-size:.7rem;letter-spacing:.12em;color:#789088;font-weight:850}.selection-summary #selected{display:block;font-size:.95rem;font-weight:750;overflow-wrap:anywhere}.total{text-align:right;white-space:nowrap}.total span{display:block;color:var(--muted);font-size:.8rem}.total strong{font-size:1.65rem;line-height:1.15;color:var(--forest)}
button{border:0;border-radius:13px;padding:14px 16px;background:linear-gradient(100deg,#f32989,#ff4da2);color:white;font-size:1rem;font-weight:850;cursor:pointer;box-shadow:0 8px 18px #f3298928;transition:transform .15s,filter .15s}button:not(:disabled):hover{transform:translateY(-1px);filter:saturate(1.08)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}#reserve{width:100%;font-size:1.08rem}
.status{text-align:center;color:var(--muted);font-size:.82rem;margin:12px 0}.safe-note{text-align:center;border-radius:10px;background:#f2faf5;padding:9px;font-size:.78rem;color:#54756a}
.sidebar{min-width:0}.prize-panel{overflow:hidden;padding:0}.card-kicker{background:linear-gradient(100deg,#07523e,#13875a);padding:12px 18px;color:white;font-weight:900;letter-spacing:.08em}.prize-illustration{display:flex;justify-content:space-evenly;align-items:center;gap:8px;padding:18px 12px;background:linear-gradient(140deg,#e1f8e7,#fff1f7);font-size:2rem}.prize-panel h2,.prize-panel>p{margin-left:18px;margin-right:18px}.prize-panel h2{font-size:1.4rem}.draw-date{display:flex;gap:12px;margin:18px;padding:14px;border-radius:15px;background:var(--pink-light);color:var(--ink)}.draw-date>span{font-size:1.6rem}.draw-date div{display:flex;flex-direction:column;gap:3px}.draw-date b{color:var(--pink);font-size:.85rem}.draw-date strong{font-size:.92rem;line-height:1.3}.draw-date small{color:var(--muted)}
.steps{list-style:none;padding:0;margin:18px 0 0}.steps li{display:flex;align-items:center;gap:12px;margin:13px 0;color:#49645b}.steps li>b{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;background:var(--pink);color:white;border-radius:50%;font-size:1rem}.steps li:nth-child(even)>b{background:#1bbd78}
.bizum-panel{background:linear-gradient(145deg,#fff,#fff2f8)}.bizum-panel h2{color:var(--pink)}.concept-box{border:1.5px solid var(--pink);border-radius:13px;padding:12px;margin-top:14px;background:#fff}.concept-box span{display:block;color:var(--pink);font-size:.78rem;font-weight:800}.concept-box b{display:block;font-size:1.05rem;overflow-wrap:anywhere;color:#9d1555}.small-note{font-size:.8rem!important}.dream-panel{background:linear-gradient(140deg,#e8f9ed,#fff)}.dream-icon{font-size:2rem}.dream-panel h2{margin-top:0}
footer{text-align:center;color:#52756a;font-size:.9rem;padding:28px 10px 40px}footer small{font-size:.78rem}
dialog{border:0;border-radius:20px;padding:0;width:min(94vw,460px);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#07130dcc}dialog form{padding:22px}label{display:block;margin:14px 0;font-weight:650}input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #cbd8ce;border-radius:9px;font:inherit;margin-top:5px}.consent{display:flex;gap:9px;font-size:.9rem}.secondary{background:#e5ece6;color:#24372a;padding:6px 12px;box-shadow:none}
.payment-note{padding:12px 14px;border-radius:12px;background:#edf8ef;border:1px solid #c4e4cc;margin:14px 0;font-size:.9rem}.payment-note p{margin:5px 0}.thanks{padding:26px;text-align:center;background:linear-gradient(180deg,#effaf0,#fff0f7);border-radius:16px}.thanks h2{font-size:1.8rem;color:#176b40}.thanks .sparkle{font-size:2rem;animation:bounce 1.4s ease-in-out infinite}.thanks p{line-height:1.6}.thanks button{background:#e82d8a}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
[hidden]{display:none!important}article.panel{margin-top:14px}article h2{margin-top:0}article .between{justify-content:flex-start;flex-wrap:wrap;margin-top:14px}article .secondary{background:#e5ece6;color:#24372a}#loginForm button{width:100%}#reservations{margin-top:18px}
@media(max-width:850px){.topbar{align-items:flex-start;flex-direction:column;gap:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 26px 22px}.hero-art{min-height:210px}.content-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sidebar .panel{margin:0}.dream-panel{grid-column:span 2}}
@media(max-width:520px){main{margin:14px auto;padding:0 10px}.topbar{padding:12px 14px}.topbar nav{gap:2px}.topbar nav a{font-size:.78rem;padding:7px 8px}.hero{border-radius:20px}.hero-copy{padding:24px 20px}.hero h1{font-size:2.25rem}.hero-art{min-height:190px}.panel{padding:15px;border-radius:18px}.section-heading h2{font-size:1.18rem}.numbers{gap:4px}.num{font-size:.8rem;padding:8px 0;border-radius:7px}.legend{gap:8px 12px;font-size:.72rem}.sidebar{display:flex;flex-direction:column;gap:14px}.sidebar .panel{margin:0}.dream-panel{grid-column:auto}.selection-summary{gap:8px}.selection-summary #selected{font-size:.83rem}.total strong{font-size:1.45rem}.sold-counter{min-width:65px;padding:8px}.prize-illustration{font-size:1.65rem;padding:14px}.draw-date{margin:14px}.adventure-stamp{font-size:.78rem;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Hero ilustrado: sustituye la maqueta geométrica por una escena editorial */
.hero-art{background:linear-gradient(180deg,#9ce7e8 0%,#d7f7e7 50%,#8edb9c 100%);isolation:isolate;display:flex;align-items:flex-end;justify-content:center;min-height:390px}
.hero-art:before,.hero-art:after{content:none}
.illustration-sky{position:absolute;inset:0;z-index:-1;overflow:hidden}
.illustration-sun{position:absolute;width:74px;height:74px;right:15%;top:13%;border-radius:50%;background:#ffe69a;box-shadow:0 0 0 13px #fff4bf66}
.cloud{position:absolute;height:22px;width:76px;background:#f5fff5;border-radius:40px;opacity:.88}
.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}
.cloud:before{width:32px;height:32px;left:13px;top:-15px}.cloud:after{width:27px;height:27px;right:12px;top:-10px}
.cloud-one{left:13%;top:20%}.cloud-two{right:8%;top:34%;transform:scale(.7)}
.adventure-scene{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:440px;align-self:flex-end;filter:drop-shadow(0 8px 9px #124b3420)}
.adventure-stamp{right:5%;bottom:8%;font-size:.85rem}
@media(max-width:850px){.hero-art{min-height:300px}.adventure-scene{max-height:350px}}
@media(max-width:520px){.hero-art{min-height:275px}.adventure-scene{max-height:300px}.adventure-stamp{right:4%;bottom:6%;font-size:.7rem}}


/* Ajuste visual fuerte para que la portada se acerque a la maqueta editorial */
body{background:#f8f5ed!important;color:#173f35}
.topbar{background:#fbfff9!important;color:#174b3c!important;border-bottom:1px solid #dce9dd}
.brand{color:#174b3c!important}.brand small{color:#5f8372!important}
.topbar nav a{color:#174b3c!important}.topbar nav a:hover{background:#e4f3e8!important}
main{margin:22px auto!important}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;background:#fff!important;color:#174b3c!important;border:1px solid #dfeade;box-shadow:0 18px 45px #21452b10}
.hero-copy{padding:clamp(24px,3.2vw,42px)!important}
.hero .eyebrow{color:#16865b!important}
.hero h1{color:#164638!important;font-size:clamp(2rem,3.8vw,3.45rem)!important}
.hero h1 em{color:#ed438e!important}
.hero-copy p{color:#567369!important}
.hero-tags span{color:#28614d!important;background:#eff8ef!important;border:1px solid #d1e7d4!important}
.hero-art{margin:15px;border-radius:22px;min-height:320px!important;box-shadow:inset 0 0 0 1px #ffffff80}
.adventure-stamp{right:5%!important;bottom:8%!important}
.content-grid{gap:22px!important}
.panel{box-shadow:0 10px 30px #23492c0b!important}
.prize-panel .card-kicker{background:#176c4b!important}
@media(max-width:850px){
 .topbar{padding:12px 16px!important;align-items:flex-start}
 .topbar nav{display:none!important}
 main{margin:12px auto!important;padding:0 12px!important}
 .hero{grid-template-columns:1fr!important;border-radius:24px!important;gap:0!important}
 .hero-copy{padding:25px 22px 18px!important}
 .hero h1{font-size:clamp(2.25rem,8vw,3rem)!important;max-width:12ch}
 .hero-copy p{font-size:1rem!important}
 .hero-tags{margin-top:16px!important}
 .hero-art{margin:0 12px 12px!important;min-height:270px!important;border-radius:18px!important}
 .adventure-scene{max-height:330px!important}
 .content-grid{grid-template-columns:1fr!important;gap:14px!important}
 .sidebar{display:grid;grid-template-columns:1fr!important;gap:14px}
 .panel{margin:0 0 14px!important;padding:18px!important}
 .prize-panel{padding:0!important}
 .section-heading h2{font-size:1.25rem!important}
}
@media(max-width:420px){
 .hero-copy{padding:22px 18px 16px!important}
 .hero h1{font-size:2.2rem!important}
 .hero-art{min-height:245px!important}
 .adventure-stamp{font-size:.68rem!important;padding:9px 11px!important}
 .numbers{gap:4px!important}
 .num{padding:8px 0!important}
}

/* Ilustración original de Alison integrada en portada */
.hero-art:before,.hero-art:after{display:none}.hero-art{background:#d8f3e7;min-height:300px}.alison-hero-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-art{min-height:280px}}