/* Estación Delicia — estilos globales del sitio estático */
@font-face{font-family:'TeX Gyre Chorus';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/tex-gyre-chorus.woff) format('woff')}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FBF4E8;font-family:'Inter',system-ui,sans-serif;color:#3A2216}
img{display:block;max-width:100%}
a{color:#9B1B26}a:hover{color:#123F2F}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #E2B04A;outline-offset:3px}
[hidden]{display:none!important}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:16px;z-index:50;background:#FBF4E8;color:#123F2F;padding:10px 16px;border-radius:10px;font-weight:700}

/* Nieve */
.ed-snow{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ed-snow span{position:absolute;display:block;border-radius:50%;background:#FFFFFF;opacity:.8;animation-name:ed-fall,ed-sway;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate}
@keyframes ed-fall{from{top:-3%}to{top:103%}}
@keyframes ed-sway{from{transform:translateX(-14px)}to{transform:translateX(14px)}}

/* Preguntas frecuentes */
.ed-faq summary{list-style:none}
.ed-faq summary::-webkit-details-marker{display:none}
.ed-faq .ed-plus{transition:transform .2s ease}
.ed-faq[open] .ed-plus{transform:rotate(45deg)}

/* Controles */
.fld{display:flex;flex-direction:column;gap:10px}
.lbl{margin:0;font-size:14px;font-weight:700;letter-spacing:.08em;color:#8C5E10}
.q-title{margin:0;font-family:'Fraunces',serif;font-weight:600;font-size:20px;color:#123F2F}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{font-family:inherit;font-size:15px;font-weight:600;min-height:44px;padding:10px 16px;border-radius:999px;border:2px solid #D9C6A5;background:#FFFDF8;color:#3A2216;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,border-color .15s,color .15s}
.pill:hover{border-color:#123F2F}
.pill.is-on{border-color:#123F2F;background:#123F2F;color:#FBF4E8}
.pill--lg{min-height:48px;padding:10px 18px}
.pill--cream{background:#FBF4E8}
.pill--red.is-on{border-color:#B3202A;background:#B3202A}
.pill--gold{border-color:#E2B04A;color:#8C5E10;font-weight:700;min-width:56px;justify-content:center}
.pill .ck{display:none}
.pill.is-on .ck{display:inline-block}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
.opt{font-family:inherit;text-align:left;min-height:64px;padding:12px 16px;border-radius:18px;border:2px solid #D9C6A5;background:#FFFDF8;color:#3A2216;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.opt b{font-size:16px}
.opt small{font-size:14px;color:#6B4A38}
.opt.is-on{border-color:#123F2F;background:#123F2F;color:#FBF4E8}
.opt.is-on small{color:#F3D9A0}
.seg{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;background:#F1E4CC}
.seg button{font-family:inherit;font-size:15px;font-weight:700;min-height:44px;padding:10px 18px;border-radius:999px;border:0;background:transparent;color:#3A2216;cursor:pointer}
.seg button.is-on{background:#123F2F;color:#FBF4E8}
.qty{display:flex;align-items:center;gap:12px}
.qty-btn{font-family:inherit;width:44px;height:44px;border-radius:50%;border:2px solid #D9C6A5;background:#FFFDF8;color:#123F2F;font-size:22px;font-weight:700;line-height:1;cursor:pointer}
.qty-btn--on{border-color:#123F2F;background:#123F2F;color:#FBF4E8}
.qty-n{min-width:32px;text-align:center;font-family:'Fraunces',serif;font-weight:600;font-size:28px;color:#123F2F}
.sum{border-top:2px dashed #D9C6A5;padding-top:18px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;font-size:15px;color:#6B4A38}
.sum-k{font-size:13px;font-weight:700;letter-spacing:.1em;color:#8C5E10}
.sum-total{font-family:'Fraunces',serif;font-weight:600;font-size:40px;line-height:1;color:#B3202A}
.btn{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer}
.btn-block{display:flex;width:100%}
.btn-green{background:#123F2F;color:#FBF4E8}
.btn-red{background:#B3202A;color:#FBF4E8}
.btn-green:hover,.btn-red:hover{color:#FBF4E8;filter:brightness(1.12)}
.btn-outline{background:transparent;border:2px solid #123F2F;color:#123F2F}
.btn-outline:hover{background:#123F2F;color:#FBF4E8}
.hint{margin:-8px 0 0;text-align:center;font-size:13px;color:#6B4A38}
.thumbs{display:flex;gap:12px}
.thumb{width:92px;height:92px;padding:0;border-radius:18px;overflow:hidden;border:3px solid #EBDCC2;background:#F1E4CC;cursor:pointer;opacity:.85}
.thumb.is-on{border-color:#123F2F;opacity:1}
.thumb img{width:100%;height:100%;object-fit:cover}
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.st{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#6B4A38}
.st::before{content:"";height:6px;border-radius:999px;background:#E3D3B6}
.st.is-done{color:#123F2F;font-weight:700}
.st.is-done::before{background:#123F2F}
.st.is-current{color:#9B1B26;font-weight:700}
.st.is-current::before{background:#B3202A}
.in{width:100%;min-height:50px;padding:12px 14px;border-radius:14px;background:#FFFDF8;font-family:inherit;font-size:16px;color:#3A2216;border:2px solid #D9C6A5}
.in:focus{border-color:#123F2F;outline:none;box-shadow:0 0 0 3px rgba(226,176,74,.55)}
.in-lbl{font-size:14px;font-weight:700;color:#3A2216}
.alert{margin:0;padding:12px 16px;border-radius:14px;background:#FBE3E3;color:#8A1620;font-size:15px;font-weight:600}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .ed-snow span{animation:none}
  .ed-faq .ed-plus,.pill{transition:none}
}