.vrs-sales{--vr-accent:#ff6b35;--vr-accent-2:#ffb14a;--vr-dark:#17120f;--vr-paper:#fffaf5;--vr-cream:#fff3e5;--vr-line:#eadfd2;--vr-muted:#786b63;color:var(--vr-dark);background:#fff;overflow:hidden;font-family:'Inter',system-ui,sans-serif}
.vrs-sales *{box-sizing:border-box}.vrs-sales img{max-width:100%;display:block}.vrs-sales h1,.vrs-sales h2,.vrs-sales h3,.vrs-sales strong{font-family:'Plus Jakarta Sans','Inter',sans-serif}
[data-vrs-reveal],[data-vrs-stagger]>*{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}[data-vrs-reveal].is-visible,[data-vrs-stagger]>.is-visible{opacity:1;transform:none}
.vrs-kicker,.vrs-label{display:inline-flex;align-items:center;gap:8px;font:850 .68rem/1 'Plus Jakarta Sans';letter-spacing:.13em;text-transform:uppercase;color:var(--vr-accent)}
.vrs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;font:850 .76rem/1 'Plus Jakarta Sans';transition:.2s}.vrs-btn:hover{transform:translateY(-2px)}
.vrs-btn-primary{background:linear-gradient(135deg,var(--vr-accent),var(--vr-accent-2));color:#fff;box-shadow:0 14px 35px rgba(255,107,53,.25)}.vrs-btn-outline{background:#fff;border-color:#d7c8bb;color:var(--vr-dark)}
.vrs-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.vrs-actions-center{justify-content:center}
.vrs-hero{padding:76px 0 40px;background:radial-gradient(circle at top right,#fff2dc 0,#fffaf5 35%,#ffffff 75%)}.vrs-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:58px;align-items:center}.vrs-copy h1{font-size:clamp(3rem,5.7vw,6rem);line-height:.92;letter-spacing:-.06em;margin:18px 0}.vrs-copy p{font-size:1.04rem;line-height:1.75;color:var(--vr-muted);max-width:56ch}.vrs-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.vrs-pills span{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid var(--vr-line);font-size:.56rem;color:#675c55;font-weight:800}
.vrs-stage{position:relative;min-height:620px}.vrs-food-photo{position:absolute;right:0;top:0;width:62%;height:340px;overflow:hidden;border-radius:42px;background:#f3dfc7;box-shadow:0 28px 70px rgba(47,28,17,.12)}.vrs-food-photo img{width:100%;height:100%;object-fit:cover}
.vrs-panel{position:absolute;left:0;bottom:0;width:78%;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--vr-line);box-shadow:0 24px 70px rgba(47,28,17,.16);margin:0}.vrs-window-top{height:42px;padding:0 13px;border-bottom:1px solid #efe6dc;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:.48rem;color:#7d6f66}.vrs-window-top>span{display:flex;gap:4px}.vrs-window-top i{width:7px;height:7px;border-radius:50%;background:#d9ccc1}.vrs-window-top i:first-child{background:var(--vr-accent)}.vrs-window-top strong{letter-spacing:.1em;color:#5c4d44}.vrs-window-top small{color:#12704a;text-transform:uppercase}.vrs-panel img{width:100%}
.vrs-float{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--vr-line);padding:12px 13px;border-radius:16px;box-shadow:0 14px 34px rgba(47,28,17,.1)}.vrs-float i{width:36px;height:36px;border-radius:12px;background:#fff0e8;color:var(--vr-accent);display:grid;place-items:center}.vrs-float strong{display:block;font-size:.65rem}.vrs-float span{display:block;font-size:.5rem;color:#7b6e66;margin-top:2px}.vrs-float-a{left:-2%;top:30%}.vrs-float-b{right:2%;bottom:14%}
.vrs-metrics{padding:0 0 50px}.vrs-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vrs-metrics article{background:#fffaf5;border:1px solid var(--vr-line);border-radius:22px;padding:20px;min-height:146px}.vrs-metrics strong{display:block;font-size:1rem;margin-bottom:8px}.vrs-metrics span{display:block;font-size:.64rem;color:var(--vr-muted);line-height:1.7}
.vrs-section{padding:100px 0}.vrs-story{background:#fff}.vrs-showcase{background:#fff7ed}.vrs-features{background:#17120f;color:#fff}.vrs-final{background:linear-gradient(135deg,#fff2df,#fff9f2);text-align:center}
.vrs-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}.vrs-split-reverse{grid-template-columns:1fr 1fr}.vrs-section h2,.vrs-head h2,.vrs-final h2{font-size:clamp(2.2rem,4.5vw,4.6rem);line-height:.95;letter-spacing:-.06em;margin:14px 0 16px}.vrs-section p,.vrs-head p,.vrs-final p{line-height:1.72;color:var(--vr-muted)}.vrs-copy-block ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.vrs-copy-block li{color:#5b5048}.vrs-copy-block li i{color:var(--vr-accent);margin-right:6px}
.vrs-grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vrs-grid-cards article,.vrs-feature-grid article{background:#fff;border:1px solid var(--vr-line);border-radius:22px;padding:22px}.vrs-grid-cards i,.vrs-feature-grid i{font-size:1.1rem;color:var(--vr-accent)}.vrs-grid-cards h3,.vrs-feature-grid h3{font-size:.9rem;margin:20px 0 8px}.vrs-grid-cards p,.vrs-feature-grid p{font-size:.62rem;line-height:1.7;color:#776b63}
.vrs-preview-stack{position:relative;min-height:520px}.vrs-preview-card{position:absolute;border-radius:30px;overflow:hidden;background:#fff;border:1px solid #ecd7bf;box-shadow:0 24px 60px rgba(55,34,23,.12)}.vrs-preview-main{left:0;top:0;width:78%;height:430px}.vrs-preview-main img,.vrs-preview-phone img{width:100%;height:100%;object-fit:cover}.vrs-preview-phone{right:0;bottom:0;width:30%;height:380px}
.vrs-head{text-align:center;max-width:760px;margin:0 auto 40px}.vrs-head p{color:#baa89b}.vrs-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vrs-feature-grid article{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}.vrs-feature-grid p{color:#cdbeb3}
.vrs-components{background:#fff}.vrs-components .sv-planos,.vrs-components .sv-faq{background:transparent}.vrs-components .sv-label{color:var(--vr-accent)}.vrs-components .sv-label:before{background:var(--vr-accent)}.vrs-components .sv-plano{border-radius:24px;background:#fff}.vrs-components .sv-plano--ancora{border-color:rgba(255,107,53,.35)}.vrs-components .sv-plano__tag{background:var(--vr-accent);color:#fff}
.vrs-final-inner{max-width:900px;margin:auto}.vrs-final p{max-width:58ch;margin-inline:auto}
@media(max-width:1024px){.vrs-hero-grid,.vrs-split,.vrs-split-reverse{grid-template-columns:1fr}.vrs-stage{max-width:760px;margin:auto}.vrs-metrics-grid,.vrs-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.vrs-copy h1{font-size:clamp(3rem,14vw,4.6rem)}.vrs-actions{display:grid}.vrs-btn{width:100%}.vrs-stage{min-height:470px}.vrs-food-photo{width:78%;height:250px}.vrs-panel{width:80%}.vrs-float-a{display:none}.vrs-metrics-grid,.vrs-grid-cards,.vrs-feature-grid{grid-template-columns:1fr}.vrs-preview-stack{min-height:380px}.vrs-preview-main{width:80%;height:280px}.vrs-preview-phone{width:34%;height:250px}}
@media(prefers-reduced-motion:reduce){[data-vrs-reveal],[data-vrs-stagger]>*{opacity:1;transform:none;transition:none}}

/* -------------------------------------------------------------------------
   Átomos do núcleo em superfície clara
   -------------------------------------------------------------------------
   Planos, dúvidas e captação vêm de core.css. Sobre papel eles precisam das
   quatro correções de sempre: respiro entre as seções, o botão de vidro que
   some (tinta #f0f0f0 sobre branco), o acento que só brilha no escuro e o
   sublinhado dos links apagado pelo reset de link da vertical.
   ------------------------------------------------------------------------- */
.vrs-componente{padding:clamp(74px,8vw,124px) 0}
.vrs-componente + .vrs-componente{padding-top:0}
.vrs-componente .vrs-label{margin-bottom:18px}
.vrs-componente h2{font-size:clamp(1.9rem,3.2vw,3.3rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 18px;color:#17120f}
.vrs-componente-apoio{max-width:60ch;margin:0 0 clamp(34px,4vw,54px);color:#6b5c50;line-height:1.78}
.vrs-componente .sv-planos,.vrs-componente .sv-duvidas,.vrs-componente .sv-lead{padding:0;background:transparent}
.vrs-componente .sv-planos__nota{margin-top:clamp(26px,3vw,38px)}
.vrs-components .sc-btn-glass{background:#fff;color:#17120f;border:1px solid rgba(23,18,15,.16)}
.vrs-components .sc-btn-glass:hover{background:#fdf6ee;color:#17120f;border-color:rgba(23,18,15,.3)}
.vrs-components .sv-plano{border-radius:22px;background:#fff;box-shadow:0 18px 44px -26px rgba(23,18,15,.22)}
.vrs-components .sv-plano--ancora{box-shadow:0 30px 70px -34px rgba(23,18,15,.3)}
.vrs-components .vatse-commercial-field input{background:#fff;border-color:rgba(23,18,15,.16);color:#17120f}
.vrs-components{--sv-accent-ink:#b3241f}
.vrs-components .sv-planos__nota a,
.vrs-components .sv-duvidas__aside a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* Com width:100% e SEM height:auto, o atributo height="1230" do HTML vira
   altura fixa e a captura estoura a seção. */
.vrs-panel img,
.vrs-preview-card img{height:auto}

/* -------------------------------------------------------------------------
   Acento como TINTA
   -------------------------------------------------------------------------
   #ff6b35 é o laranja da casa e funciona cheio. Como texto sobre branco ou
   sobre o creme ele rende menos de 3:1, e com texto branco em cima rende o
   mesmo. O laranja segue igual no preenchimento; muda só o tom da letra.
   ------------------------------------------------------------------------- */
/* A tinta escura vale só onde o fundo é claro. Na seção escura o laranja
   aceso é que tem contraste. */
[data-superficie="clara"] .vrs-kicker,
[data-superficie="clara"] .vrs-label,
[data-superficie="clara"] .vrs-accent,
[data-superficie="clara"] .vrs-float i,
[data-superficie="clara"] .vrs-copy-block li i,
[data-superficie="clara"] .vrs-grid-cards i,
[data-superficie="clara"] .vrs-feature-grid i,
.vrs-components .sv-label{color:#b3421a}
.vrs-btn-primary{background:linear-gradient(135deg,#d1521f,#e8632a)}
.vrs-components .sv-plano__tag{background:#b3421a}
/* Na seção escura o laranja aceso é que tem contraste. */
.vrs-features .vrs-kicker,
.vrs-features .vrs-label,
.vrs-features i{color:#ffb14a}

/* -------------------------------------------------------------------------
   Cardápio interativo (módulo próprio do restaurante)
   -------------------------------------------------------------------------
   Layout clássico de menu: prato, descrição e preço com linha pontilhada.
   Distinto de propósito da grade de cards da loja.
   ------------------------------------------------------------------------- */
.vrs-menu{margin-top:clamp(32px,4vw,52px);border:1px solid var(--vr-line);border-radius:26px;background:#fff;box-shadow:0 30px 70px -40px rgba(23,18,15,.32);overflow:hidden}
.vrs-menu-abas{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-bottom:1px solid var(--vr-line);background:linear-gradient(180deg,#fff8ef,#fff)}
.vrs-menu-abas button{border:1px solid var(--vr-line);background:#fff;color:#6b5c50;border-radius:999px;padding:9px 18px;font:800 .8rem/1 'Plus Jakarta Sans','Inter',sans-serif;cursor:pointer;transition:.2s}
.vrs-menu-abas button:hover{border-color:#e3b48c;color:#3c2f26}
.vrs-menu-abas button[aria-selected="true"]{background:linear-gradient(135deg,#d1521f,#e8632a);border-color:transparent;color:#fff}
.vrs-menu-abas button:focus-visible{outline:2px solid #b3421a;outline-offset:2px}
.vrs-menu-corpo{padding:8px clamp(20px,3vw,34px)}
.vrs-menu-lista{list-style:none;margin:0;padding:0}
.vrs-menu-lista[hidden]{display:none}
.vrs-menu-lista li{padding:20px 0;border-bottom:1px solid #f0e7dc}
.vrs-menu-lista li:last-child{border-bottom:0}
.vrs-menu-item{display:flex;align-items:baseline;gap:10px}
.vrs-menu-item h3{margin:0;font-size:1.08rem;font-weight:700;color:#17120f;white-space:nowrap}
.vrs-menu-leader{flex:1;border-bottom:2px dotted #d8c8b6;transform:translateY(-3px)}
.vrs-menu-item strong{font-size:1.08rem;color:#b3421a;white-space:nowrap}
.vrs-menu-lista p{margin:6px 0 0;color:#786b63;font-size:.9rem;line-height:1.55}
.vrs-menu-rodape{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid var(--vr-line);background:#fffaf3;font-size:.86rem}
.vrs-menu-rodape > span{color:#786b63}
.vrs-menu-rodape > span i{color:#b3421a;margin-right:6px}
.vrs-menu-rodape a{color:#b3421a;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.vrs-menu-rodape a:hover{text-decoration:underline}
@media(max-width:560px){.vrs-menu-item h3{white-space:normal}.vrs-menu-leader{display:none}}

/* .vrs-head nasceu para a seção escura de recursos (texto claro). O cardápio
   interativo é claro e reaproveita .vrs-head: ali o apoio precisa de tinta
   escura, senão o texto some no branco (2.29:1). */
.vrs-cardapio .vrs-head p{color:#786b63}