/* ============================================================
   OMNIS — Reserva / Pedido (formulario glassmorphism)
   Dropdown custom + slider custom. No es checkout (sin cobro).
   ============================================================ */
.pedido{
  position:relative;overflow:hidden;
  padding:clamp(78px,12vh,150px) clamp(20px,5vw,60px);
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(32,91,87,.18), transparent 55%),
    linear-gradient(180deg, rgba(11,15,18,.8) 0%, rgba(7,9,12,.82) 100%),
    url("assets/pedido-bg.jpg") center/cover no-repeat;
  background-color:#07090c;   /* color de marca; el overlay deja ver ~20% la botella borrosa */
  display:flex;justify-content:center;
}
.pedido__glow{
  position:absolute;left:50%;top:-12%;transform:translateX(-50%);
  width:min(80vw,680px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side, rgba(198,163,106,.16), transparent 70%);
}
.pedido__inner{position:relative;z-index:1;width:100%;max-width:780px;text-align:center}
.pedido__eyebrow{display:block;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);opacity:.85}
.pedido__title{font-family:'Cinzel',serif;font-weight:500;font-size:clamp(30px,5vw,56px);letter-spacing:.04em;color:var(--cream);margin:.4em 0 .25em}
.pedido__lead{font-family:'Cormorant Garamond',serif;font-size:clamp(16px,1.7vw,20px);line-height:1.4;color:rgba(239,231,214,.7);max-width:46ch;margin:0 auto clamp(32px,5vh,50px);text-wrap:balance}

/* tarjeta glass */
.pcard{
  text-align:left;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  border:1px solid rgba(255,255,255,.10);border-radius:6px;
  padding:clamp(22px,4vw,44px);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06);
}
.pcard__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,26px)}
.pfield{display:flex;flex-direction:column;gap:10px;min-width:0}
.pfield--wide{grid-column:1 / -1}
.pfield__label{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(198,163,106,.85)}
.pfield__label i{text-transform:none;letter-spacing:.04em;color:rgba(239,231,214,.4);font-style:normal}
.pfield__val{color:var(--gold-2);font-weight:500;font-style:normal}
.pfield__input{
  width:100%;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);border-radius:3px;
  color:var(--cream);font-family:'Jost',sans-serif;font-weight:300;font-size:15px;letter-spacing:.02em;
  padding:13px 14px;outline:none;transition:border-color .35s,box-shadow .35s,background .35s;
}
.pfield__input::placeholder{color:rgba(239,231,214,.32)}
.pfield__input:focus{border-color:rgba(198,163,106,.7);box-shadow:0 0 0 3px rgba(198,163,106,.12);background:rgba(0,0,0,.3)}
.pfield__area{resize:vertical;min-height:84px;line-height:1.5;font-family:'Jost',sans-serif}
/* producto fijo (un solo producto, sin dropdown) */
.pfield__static{
  width:100%;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.1);border-radius:3px;
  color:rgba(239,231,214,.92);font-family:'Jost',sans-serif;font-weight:300;font-size:15px;letter-spacing:.02em;
  padding:13px 14px;
}

/* ---- dropdown custom ---- */
.pselect{position:relative}
.pselect__btn{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);border-radius:3px;
  color:var(--cream);font-family:'Jost',sans-serif;font-size:15px;font-weight:300;text-align:left;
  padding:13px 14px;cursor:pointer;transition:border-color .35s,box-shadow .35s,background .35s;
}
.pselect__btn:focus-visible{outline:none;border-color:rgba(198,163,106,.7);box-shadow:0 0 0 3px rgba(198,163,106,.12)}
.pselect.open .pselect__btn{border-color:rgba(198,163,106,.7);background:rgba(0,0,0,.3)}
.pselect__chev{width:18px;height:18px;stroke:var(--gold-2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease);flex:none}
.pselect.open .pselect__chev{transform:rotate(180deg)}
.pselect__list{
  position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;
  list-style:none;margin:0;padding:6px;
  background:rgba(12,16,20,.9);
  backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
  border:1px solid rgba(255,255,255,.14);border-radius:5px;
  box-shadow:0 30px 60px -24px rgba(0,0,0,.85);
  opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top;pointer-events:none;
  transition:opacity .28s var(--ease),transform .28s var(--ease);
}
.pselect.open .pselect__list{opacity:1;transform:none;pointer-events:auto}
.pselect__opt{
  padding:11px 12px;border-radius:3px;font-family:'Jost',sans-serif;font-size:14px;font-weight:300;
  color:rgba(239,231,214,.8);cursor:pointer;transition:background .2s,color .2s;
}
.pselect__opt:hover,.pselect__opt.is-sel{background:rgba(198,163,106,.14);color:var(--gold-2)}

/* ---- slider custom ---- */
.prange{
  -webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:3px;outline:none;margin:16px 0 6px;
  background:linear-gradient(90deg, var(--gold) 0 var(--p,8%), rgba(255,255,255,.14) var(--p,8%) 100%);
  cursor:pointer;
}
.prange::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #f3e0b4, #c6a36a 60%, #9c7c45);
  border:2px solid #0b0f12;box-shadow:0 2px 12px rgba(198,163,106,.55);cursor:pointer;transition:transform .2s}
.prange::-webkit-slider-thumb:hover{transform:scale(1.14)}
.prange::-moz-range-thumb{
  width:18px;height:18px;border-radius:50%;background:#c6a36a;border:2px solid #0b0f12;
  box-shadow:0 2px 12px rgba(198,163,106,.55);cursor:pointer}
.prange:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(198,163,106,.2)}

/* ---- submit ---- */
.pedido__submit{
  display:block;width:100%;margin-top:clamp(22px,3vw,30px);
  font-family:'Jost',sans-serif;font-weight:500;font-size:13px;letter-spacing:.26em;text-transform:uppercase;
  color:#0a0d11;padding:17px;border:0;border-radius:3px;cursor:pointer;position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--gold-2),var(--gold));
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.pedido__submit:hover{transform:translateY(-2px);box-shadow:0 16px 36px -14px rgba(198,163,106,.6)}
.pedido__submit:active{transform:translateY(0)}
.pedido__fine{margin-top:16px;text-align:center;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.08em;color:rgba(239,231,214,.4)}

/* ---- estado enviado ---- */
.pedido__done{text-align:center;padding:clamp(28px,6vw,56px) 16px;animation:pdone .6s var(--ease-soft)}
@keyframes pdone{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pedido__check{width:54px;height:54px;stroke:var(--gold-2);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 18px;display:block;
  stroke-dasharray:30;stroke-dashoffset:30;animation:pcheck .7s var(--ease-soft) .15s forwards}
@keyframes pcheck{to{stroke-dashoffset:0}}
.pedido__done-title{font-family:'Cinzel',serif;font-weight:500;font-size:clamp(22px,3vw,30px);color:var(--cream);margin-bottom:10px}
.pedido__done-text{font-family:'Cormorant Garamond',serif;font-size:clamp(16px,1.8vw,20px);color:rgba(239,231,214,.7)}

@media(max-width:620px){ .pcard__grid{grid-template-columns:1fr} }
@media(prefers-reduced-motion:reduce){ .pedido__done,.pedido__check{animation:none;stroke-dashoffset:0} }