/* Pagina "Vales-presente" (complementa servicos.css). */
.vl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:26px}
.vl-previa{position:sticky;top:96px}
.vl-cartao{--c:#e3241b;--g:rgba(227,36,27,.38);position:relative;display:grid;grid-template-columns:42% 1fr;aspect-ratio:2/1;border-radius:18px;overflow:hidden;color:#f2f1eb;
  background:radial-gradient(120% 90% at 0% 50%,var(--g),transparent 60%),linear-gradient(135deg,#1b1d1b,#0e0f0e);
  border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);transition:background .4s}
.vl-cartao::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 48%,transparent 60%)}
.vl-cartao::before{content:"";position:absolute;left:42%;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.18),transparent)}
.vl-esq{display:flex;align-items:center;justify-content:center;padding:6% 4%}
.vl-arte{width:100%;max-width:230px;aspect-ratio:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.vl-arte svg{width:100%;height:100%;display:block}
.vl-dir{padding:clamp(12px,2.2vw,24px) clamp(14px,2.4vw,26px);display:flex;flex-direction:column;gap:3px;min-width:0}
.vl-dir p{margin:0}
.vl-topo{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vl-tit{font-size:10.5px;letter-spacing:.22em;font-weight:700;color:var(--c)}
.vl-logo{width:clamp(56px,7vw,84px);height:auto;opacity:.95}
.vl-saud{font:italic clamp(19px,2.3vw,28px)/1.12 Georgia,serif;color:#fff;margin-top:4px!important}
.vl-valor{font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-.03em;color:var(--c);line-height:1.05;margin-bottom:4px!important}
.vl-linha{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vl-linha small{display:inline-block;min-width:40px;color:#9a9c94;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.vl-msg{font:italic 13px/1.35 Georgia,serif;color:#d8d6cc;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px!important}
.vl-lojas{margin-top:auto!important;font-size:10.5px;color:#8c8e86;letter-spacing:.03em}
@media(max-width:480px){.vl-cartao{aspect-ratio:auto;min-height:200px;grid-template-columns:38% 1fr}.vl-cartao::before{left:38%}.vl-linha{font-size:12px}.vl-msg{font-size:12px;-webkit-line-clamp:1}.vl-lojas{font-size:9.5px}.vl-tit{font-size:9px}}
.vl-nota{margin:12px 0 0;color:var(--muted);font-size:14px}
.vl-form{display:grid;gap:20px}
.vl-grid>*{min-width:0}
.vl-form fieldset{border:1px solid var(--line);border-radius:14px;padding:16px 18px 18px;margin:0;display:grid;gap:12px;min-width:0}
.vl-form legend{font-weight:700;padding:0 6px}
.vl-temas,.vl-valores{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.vl-temas label,.vl-valores>label:not(.vl-campo){position:relative;cursor:pointer}
.vl-temas input,.vl-valores>label>input[type=radio]{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.vl-temas span,.vl-valores span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:15px;line-height:1.2;transition:border-color .2s,background .2s}
.vl-temas i{font-style:normal;font-size:20px}
.vl-temas input:checked+span,.vl-valores input:checked+span{border-color:#e3241b;background:rgba(227,36,27,.14);font-weight:700}
.vl-temas input:focus-visible+span,.vl-valores input:focus-visible+span{outline:2px solid #eab477;outline-offset:2px}
.vl-valores .vl-campo{grid-column:1/-1}
.vl-campo{display:grid;gap:6px;font-weight:600}
.vl-campo input,.vl-campo textarea{font:inherit;font-weight:400;padding:12px 14px;border-radius:12px;border:1px solid rgba(128,128,128,.4);background:#fff;color:#161816}
.vl-campo textarea{resize:vertical}
.vl-conta{font-weight:400;font-size:13px;color:var(--muted);margin-left:8px}
.vl-temas,.vl-valores{grid-template-columns:repeat(auto-fill,minmax(min(118px,40%),1fr))}
.vl-form .cform-ok{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.vl-form .cform-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.vl-form button{justify-self:start}
.vl-form .cform-msg{min-height:1.4em;margin:0}
.vl-ligacoes{margin:-10px 0 0;font-size:14px;color:var(--muted)}
.vl-ligacoes a{color:inherit}
.vl-pagar{border:1px solid #e3241b88;border-radius:16px;padding:22px 22px 24px;outline:none;scroll-margin-top:110px}
.vl-pedido{font-size:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.vl-codigo{font:700 24px/1 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#fff}
.vl-copiar{min-height:38px;padding:6px 14px}
.vl-condicoes{margin:0;padding-left:1.2em;max-width:72ch;color:#dcdbd3}
.vl-condicoes li{margin:0 0 12px;line-height:1.55}
[hidden]{display:none!important}
@media(max-width:900px){.vl-grid{grid-template-columns:1fr}.vl-previa{position:static}}