/* Portal Del Vino · Porta de entrada (quiz)
   Modelo: janela de entrada da Duckhorn (cartão branco no centro, site escurecido atrás,
   logo no alto, pergunta em serifa maiúscula, botões empilhados, ilustração gravada ao fundo). */
#pdv-porta{
  --pdv-vinho:#7d0209; --pdv-vinho-2:#5e0107; --pdv-texto:#2e2926; --pdv-suave:#7a736c;
  --pdv-cinza:#ece8e2; --pdv-cinza-2:#e2ddd5; --pdv-linha:#e6e1d9; --pdv-creme:#faf9f4; --pdv-ok:#2f6b3a;
  --pdv-serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --pdv-script:"Great Vibes", "Brush Script MT", cursive;
  --pdv-sans:"Barlow", "Helvetica Neue", Arial, sans-serif;
  position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center; justify-content:center;
  padding:16px; color:var(--pdv-texto); font-family:var(--pdv-serif); -webkit-font-smoothing:antialiased;
}
#pdv-porta[hidden]{display:none!important}
#pdv-porta *{box-sizing:border-box}
html.pdv-lock,html.pdv-lock body{overflow:hidden!important}
/* Escurece o site antes do script montar a janela (evita o site "piscar") */
html.pdv-pre::before{content:"";position:fixed;inset:0;background:rgba(20,14,12,.55);z-index:2147482999}
#age-verify{display:none!important}

#pdv-porta .pdv-scrim{position:absolute;inset:0;background:rgba(20,14,12,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
#pdv-porta .pdv-card{position:relative;width:min(768px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;
  background:#fff;border-radius:2px;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:52px 64px 40px;text-align:center}
#pdv-porta .pdv-card.pdv-wide{width:min(880px,100%)}
#pdv-porta .pdv-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}
#pdv-porta .pdv-in.pdv-anim{animation:pdv-rise .3s ease-out}
@keyframes pdv-rise{from{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Ilustração gravada ao fundo, como o pato da Duckhorn */
#pdv-porta .pdv-uva{position:absolute;right:-6px;bottom:-4px;width:190px;height:auto;z-index:0;pointer-events:none;opacity:.5}

/* Logo */
#pdv-porta .pdv-logo{display:block;margin:0 auto 4px}
#pdv-porta .pdv-logo img{display:block;height:44px;width:auto;margin:0 auto}
#pdv-porta .pdv-logo-txt{display:inline-block;font-family:var(--pdv-serif);font-size:38px;line-height:1;color:var(--pdv-vinho);padding:6px 18px;border-top:1px solid var(--pdv-vinho);border-bottom:1px solid var(--pdv-vinho);letter-spacing:.5px}
#pdv-porta .pdv-mini .pdv-logo img{height:30px}
#pdv-porta .pdv-mini .pdv-logo-txt{font-size:24px;padding:4px 12px}

/* Texto */
#pdv-porta .pdv-eyebrow{font-family:var(--pdv-script);color:var(--pdv-vinho);font-size:30px;line-height:1.1;letter-spacing:1px;margin:0}
#pdv-porta .pdv-q{font-family:var(--pdv-serif);font-weight:400;font-size:clamp(24px,4.2vw,31px);line-height:1.2;letter-spacing:1.5px;text-transform:uppercase;color:var(--pdv-texto);margin:0;text-wrap:balance;outline:none}
#pdv-porta .pdv-txt{font-family:var(--pdv-serif);font-size:18px;line-height:1.45;color:var(--pdv-texto);margin:0;max-width:46ch}
#pdv-porta .pdv-label{font-family:var(--pdv-sans);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--pdv-suave);margin:0}
#pdv-porta .pdv-legal{font-family:var(--pdv-serif);font-size:14px;line-height:1.4;color:var(--pdv-suave);margin:8px 0 0;max-width:52ch}
#pdv-porta .pdv-legal b{font-weight:600;color:var(--pdv-texto)}

/* Botões empilhados */
#pdv-porta .pdv-stack{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px}
#pdv-porta .pdv-btn{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0;
  padding:12px 18px;border:1px solid transparent;border-radius:2px;cursor:pointer;text-decoration:none;
  font:500 14px/1.25 var(--pdv-sans);letter-spacing:1.2px;text-transform:uppercase;text-align:center;transition:background .15s,border-color .15s,color .15s;box-shadow:none}
#pdv-porta .pdv-pri{background:var(--pdv-vinho);color:#fff}
#pdv-porta .pdv-pri:hover{background:var(--pdv-vinho-2);color:#fff}
#pdv-porta .pdv-sec{background:var(--pdv-cinza);color:var(--pdv-texto)}
#pdv-porta .pdv-sec:hover{background:var(--pdv-cinza-2);color:var(--pdv-texto)}
#pdv-porta .pdv-btn.pdv-done{background:#fff;color:var(--pdv-ok);border-color:var(--pdv-ok)}
#pdv-porta .pdv-btn[disabled]{opacity:.6;cursor:wait}
#pdv-porta .pdv-sm{min-height:40px;padding:9px 14px;font-size:12.5px;width:auto}
#pdv-porta .pdv-link{appearance:none;background:none;border:0;padding:6px 4px;margin:0;cursor:pointer;font:400 14px var(--pdv-sans);color:var(--pdv-suave);text-decoration:underline;text-underline-offset:3px}
#pdv-porta .pdv-link:hover{color:var(--pdv-vinho)}
#pdv-porta .pdv-row{display:flex;justify-content:center;gap:4px 18px;flex-wrap:wrap}
#pdv-porta :focus-visible{outline:2px solid var(--pdv-vinho);outline-offset:3px}

/* Perguntas */
#pdv-porta .pdv-progress{width:100%;max-width:420px;height:2px;background:var(--pdv-linha)}
#pdv-porta .pdv-progress i{display:block;height:100%;background:var(--pdv-vinho);transition:width .3s}
#pdv-porta .pdv-opt{flex-direction:column;gap:2px;text-transform:none;letter-spacing:.2px;font-size:16px;font-weight:500;border-color:transparent}
#pdv-porta .pdv-opt small{font-weight:300;font-size:13.5px;color:var(--pdv-suave);letter-spacing:0}
#pdv-porta .pdv-opt:hover,#pdv-porta .pdv-opt.pdv-sel{border-color:var(--pdv-vinho);background:var(--pdv-cinza)}
#pdv-porta .pdv-opt.pdv-sel{box-shadow:inset 0 0 0 1px var(--pdv-vinho)}

/* Formulário */
#pdv-porta .pdv-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px;text-align:left}
#pdv-porta .pdv-field{display:flex;flex-direction:column;gap:5px}
#pdv-porta .pdv-field label{font:500 13px var(--pdv-sans);letter-spacing:.3px;color:var(--pdv-texto)}
#pdv-porta .pdv-field input{width:100%;margin:0;font:16px var(--pdv-sans);padding:12px 13px;border:1px solid var(--pdv-linha);border-radius:2px;background:var(--pdv-creme);color:var(--pdv-texto);box-shadow:none}
#pdv-porta .pdv-check{display:flex;gap:10px;align-items:flex-start;font:400 13.5px/1.45 var(--pdv-sans);color:var(--pdv-texto);cursor:pointer}
#pdv-porta .pdv-check input{margin:2px 0 0;width:16px;height:16px;flex:none;accent-color:var(--pdv-vinho)}
#pdv-porta .pdv-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
#pdv-porta .pdv-msg{font:400 13.5px var(--pdv-sans);color:var(--pdv-vinho);min-height:1.2em;margin:0}

/* Resultado */
#pdv-porta .pdv-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}
#pdv-porta .pdv-topbar .pdv-link{padding:6px 8px;text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:500;color:var(--pdv-texto)}
#pdv-porta .pdv-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#pdv-porta .pdv-chip{font:400 13px var(--pdv-sans);color:var(--pdv-vinho);border:1px solid var(--pdv-vinho);border-radius:2px;padding:3px 10px}
#pdv-porta .pdv-wines{display:flex;flex-direction:column;width:100%;border-top:1px solid var(--pdv-linha);text-align:left}
#pdv-porta .pdv-wine{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--pdv-linha);align-items:start}
#pdv-porta .pdv-wine .pdv-img{position:relative;aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center}
#pdv-porta .pdv-wine .pdv-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
#pdv-porta .pdv-wine .pdv-info{display:flex;flex-direction:column;gap:6px;min-width:0}
#pdv-porta .pdv-meta{font:500 11.5px var(--pdv-sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--pdv-suave)}
#pdv-porta .pdv-wine h3{font-family:var(--pdv-serif);font-weight:500;font-size:23px;line-height:1.15;letter-spacing:.5px;margin:0;color:var(--pdv-texto)}
#pdv-porta .pdv-why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;font:400 15px/1.45 var(--pdv-sans);color:var(--pdv-texto)}
#pdv-porta .pdv-why li{position:relative;padding-left:15px;margin:0}
#pdv-porta .pdv-why li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:1px;background:var(--pdv-vinho)}
#pdv-porta .pdv-harm{font:300 14px var(--pdv-sans);color:var(--pdv-suave);margin:0}
#pdv-porta .pdv-price{font:600 19px var(--pdv-sans);color:var(--pdv-vinho);font-variant-numeric:tabular-nums}
#pdv-porta .pdv-price s{font-weight:400;font-size:14px;color:var(--pdv-suave);margin-right:6px}
#pdv-porta .pdv-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
#pdv-porta .pdv-kit{width:100%;background:var(--pdv-creme);border:1px solid var(--pdv-linha);border-radius:2px;padding:26px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}
#pdv-porta .pdv-totals{width:100%;max-width:420px;display:grid;grid-template-columns:1fr auto;gap:6px 14px;text-align:left;font:400 15px var(--pdv-sans);font-variant-numeric:tabular-nums;border-top:1px solid var(--pdv-linha);border-bottom:1px solid var(--pdv-linha);padding:12px 0}
#pdv-porta .pdv-totals .pdv-big{font:600 28px var(--pdv-serif);color:var(--pdv-vinho)}
#pdv-porta .pdv-meter{width:100%;max-width:420px;height:4px;border-radius:2px;background:var(--pdv-linha);overflow:hidden}
#pdv-porta .pdv-meter i{display:block;height:100%;background:var(--pdv-vinho)}
#pdv-porta .pdv-note{font:400 13.5px/1.45 var(--pdv-sans);color:var(--pdv-suave);margin:0}
#pdv-porta .pdv-note b{color:var(--pdv-texto);font-variant-numeric:tabular-nums}

@media (max-width:640px){
  #pdv-porta{padding:10px}
  #pdv-porta .pdv-card{padding:36px 20px 28px;max-height:calc(100dvh - 20px)}
  #pdv-porta .pdv-uva{width:130px}
  #pdv-porta .pdv-logo-txt{font-size:30px}

  #pdv-porta .pdv-wine{grid-template-columns:84px minmax(0,1fr);gap:14px}
  #pdv-porta .pdv-kit{padding:22px 16px}
}
@media (prefers-reduced-motion:reduce){#pdv-porta *{animation:none!important;transition:none!important}}
#pdv-porta .pdv-wide .pdv-uva{display:none}