/* Página de venda food: folha própria (extraída do inline em 06/09/2026; o teste PaginaDeVendaPorSaasTest exige uma folha por vertical). */
/* ══════════════════════════════════════════════════════════════════════════
   VATSE RESTAURANTE — página de venda (modelo "Flavoro": quente, compacta)
   Cabeçalho/faixas escuras + corpo creme, acento laranja, cantos arredondados,
   botões-pílula, cards. Títulos Poppins (bold), acento em Dancing Script.
   Seções compactas (nada de altura de tela cheia). Contraste: laranja-fundo
   para botões/preços/rótulos pequenos; laranja vivo só decorativo/grande.
   Componentes compartilhados: data-superficie="clara" + --sv-* em laranja.
   ══════════════════════════════════════════════════════════════════════════ */
.flv{
    --paper:#faf5ec; --paper-2:#f3e9d8; --ink:#241a12; --ink-soft:#74685c;
    --orange:#ff333d; --orange-deep:#d81f28; --orange-soft:#ffccce;
    --dark:#211812; --dark-2:#2c211a; --line:rgba(36,26,18,.13);
    --cream-muted:rgba(250,245,236,.80);
    background:var(--paper); color:var(--ink);
    font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:16px; line-height:1.6;
}
.flv *{box-sizing:border-box}
.flv-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.flv h1,.flv h2,.flv h3,.flv h4{font-family:"Poppins",sans-serif;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0;line-height:1.12}
.flv-sec.dark h1,.flv-sec.dark h2,.flv-sec.dark h3,.flv-hero h1{color:#faf5ec}
.flv-script{font-family:"Dancing Script",cursive;font-weight:700;color:var(--orange)}
.flv-eyebrow{font-family:"Dancing Script",cursive;font-weight:700;font-size:1.5rem;color:var(--orange-deep);display:inline-block}
.flv-sec.dark .flv-eyebrow{color:var(--orange)}

/* botões-pílula */
.flv-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;font-family:"Poppins",sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;border:0;transition:transform .16s ease,box-shadow .16s ease,background .16s,color .16s,border-color .16s}
.flv-btn-orange{background:var(--orange-deep);color:#fff;box-shadow:0 14px 30px -14px rgba(216,31,40,.75)}
.flv-btn-orange:hover{background:#b01820;transform:translateY(-2px)}
.flv-btn-ghost{background:transparent;color:#faf5ec;border:1.5px solid rgba(250,245,236,.4)}
.flv-btn-ghost:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
.flv-btn-ink{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.flv-btn-ink:hover{border-color:var(--orange-deep);color:var(--orange-deep);transform:translateY(-2px)}

/* ── HERO (escuro, compacto, foto redonda + selo) ───────────────────────── */
.flv-hero{position:relative;background:
    radial-gradient(90% 120% at 88% 8%,rgba(255,51,61,.18),transparent 55%),
    linear-gradient(180deg,var(--dark),#1a120d);color:#faf5ec;overflow:hidden;
    padding:clamp(116px,15vh,150px) 0 clamp(56px,7vw,80px)}
.flv-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(28px,4vw,56px);align-items:center}
.flv-hero h1{font-size:clamp(2.6rem,5.6vw,4.4rem);margin:8px 0 0}
.flv-hero h1 .flv-script{font-size:clamp(2.7rem,6vw,4.7rem);display:block;line-height:1.05}
.flv-hero-lead{margin:20px 0 0;max-width:44ch;color:var(--cream-muted);font-size:1.05rem;line-height:1.7}
.flv-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.flv-hero-chips{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:30px}
.flv-chip{display:flex;align-items:center;gap:11px}
.flv-chip-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,51,61,.16);color:var(--orange);font-size:1rem;flex-shrink:0}
.flv-chip b{display:block;font-size:.92rem;font-weight:600;color:#faf5ec}
.flv-chip span{font-size:.8rem;color:var(--cream-muted)}
.flv-hero-figure{position:relative;justify-self:center}
.flv-hero-plate{position:relative;width:min(100%,420px);aspect-ratio:1/1;border-radius:50%;overflow:hidden;
    box-shadow:0 40px 80px -30px rgba(0,0,0,.7);outline:8px solid rgba(250,245,236,.06)}
.flv-hero-plate img{width:100%;height:100%;object-fit:cover;display:block}
.flv-hero-glow{position:absolute;inset:-8% -8% -8% -8%;z-index:-1;background:radial-gradient(circle,rgba(255,51,61,.4),transparent 62%);filter:blur(6px)}
.flv-seal{position:absolute;top:6%;right:2%;width:104px;height:104px;border-radius:50%;background:var(--dark-2);border:1px solid rgba(255,51,61,.5);
    display:grid;place-items:center;text-align:center;box-shadow:0 16px 30px -14px rgba(0,0,0,.6)}
.flv-seal i{color:var(--orange);font-size:1.1rem}
.flv-seal b{display:block;font-family:"Dancing Script",cursive;font-size:1.35rem;color:#faf5ec;line-height:1;margin-top:2px}
.flv-seal span{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-muted)}

/* ── seção base (compacta) ──────────────────────────────────────────────── */
.flv-sec{padding:clamp(58px,7vw,88px) 0}
.flv-sec.paper2{background:var(--paper-2)}
.flv-sec.dark{background:linear-gradient(180deg,var(--dark),#1a120d);color:#faf5ec}
.flv-head{max-width:600px}
.flv-head.center{margin:0 auto;text-align:center}
.flv-head h2{font-size:clamp(2rem,3.8vw,2.9rem);margin:2px 0 0}
.flv-head p{margin:12px 0 0;color:var(--ink-soft);font-size:1.02rem;line-height:1.65}
.flv-sec.dark .flv-head p{color:var(--cream-muted)}

/* ── SOBRE + qualidades (3 colunas) ─────────────────────────────────────── */
.flv-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,3vw,38px);align-items:center}
.flv-about h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.flv-about h2 .flv-script{display:block;font-size:clamp(2.2rem,4vw,3.1rem);line-height:1.05}
.flv-about p{margin:14px 0 0;color:var(--ink-soft);line-height:1.7;font-size:.98rem}
.flv-sign{margin-top:16px;font-family:"Dancing Script",cursive;font-weight:700;font-size:1.5rem;color:var(--ink)}
.flv-about-mid{position:relative}
.flv-about-photo{aspect-ratio:4/4.6;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -40px rgba(36,26,18,.5)}
.flv-about-photo img{width:100%;height:100%;object-fit:cover;display:block}
.flv-badge{position:absolute;left:-14px;bottom:26px;width:118px;height:118px;border-radius:50%;background:var(--orange-deep);color:#fff;
    display:grid;place-items:center;text-align:center;box-shadow:0 20px 40px -18px rgba(216,31,40,.8)}
.flv-badge i{font-size:1.1rem}
.flv-badge b{display:block;font-size:1.5rem;font-weight:800;line-height:1;margin-top:3px}
.flv-badge span{font-size:.62rem;letter-spacing:.08em;line-height:1.2;margin-top:4px;padding:0 12px}
.flv-grid2{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.flv-grid2>div{padding:26px 22px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.flv-grid2>div:nth-child(2n){border-right:0}
.flv-grid2>div:nth-child(n+3){border-bottom:0}
.flv-grid2 i{color:var(--orange-deep);font-size:1.5rem}
.flv-grid2 b{display:block;font-weight:700;font-size:1rem;margin:10px 0 3px;color:var(--ink)}
.flv-grid2 span{font-size:.82rem;color:var(--ink-soft)}

/* ── CARDÁPIO (cards de prato) ──────────────────────────────────────────── */
.flv-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:44px}
.flv-dish{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;
    box-shadow:0 24px 50px -42px rgba(36,26,18,.55);transition:transform .2s ease,box-shadow .2s ease}
.flv-dish:hover{transform:translateY(-5px);box-shadow:0 36px 60px -40px rgba(36,26,18,.6)}
.flv-dish-pic{aspect-ratio:16/12;overflow:hidden}
.flv-dish-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.flv-dish:hover .flv-dish-pic img{transform:scale(1.06)}
.flv-dish-tag{position:absolute;top:12px;left:12px;background:var(--orange-deep);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:6px 12px;border-radius:999px;z-index:2}
.flv-dish-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.flv-dish h3{font-size:1.14rem;font-weight:700}
.flv-dish p{margin:5px 0 0;color:var(--ink-soft);font-size:.86rem;line-height:1.45;flex:1}
.flv-dish-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.flv-price{font-weight:800;font-size:1.2rem;color:var(--orange-deep)}
.flv-add{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--orange-deep);color:#fff;text-decoration:none;font-size:.9rem;transition:transform .16s,background .16s}
.flv-add:hover{background:#b01820;transform:scale(1.08)}

/* ── PAINEL + APP (escuro, compacto) ────────────────────────────────────── */
.flv-soft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,60px);align-items:center}
.flv-soft-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.flv-soft-list li{display:flex;gap:13px;align-items:flex-start}
.flv-soft-list i{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,51,61,.16);color:var(--orange);font-size:.85rem}
.flv-soft-list b{display:block;font-weight:600;font-size:1rem;color:#faf5ec}
.flv-soft-list span{color:var(--cream-muted);font-size:.88rem}
.flv-stage{position:relative;padding:0 0 36px}
.flv-browser{border-radius:14px;overflow:hidden;border:1px solid rgba(250,245,236,.16);box-shadow:0 44px 80px -50px #000;background:#140e0a}
.flv-browser-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;background:rgba(250,245,236,.05);border-bottom:1px solid rgba(250,245,236,.1)}
.flv-browser-bar i{width:10px;height:10px;border-radius:50%;background:#4a3b2f}
.flv-browser-bar i:nth-child(1){background:#e0603c}.flv-browser-bar i:nth-child(2){background:var(--orange)}.flv-browser-bar i:nth-child(3){background:#7fae5a}
.flv-browser-bar span{margin-left:8px;font-size:.8rem;color:var(--cream-muted)}
.flv-screen{aspect-ratio:1950/1230;overflow:hidden}
.flv-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.flv-phone{position:absolute;right:-4px;bottom:0;width:33%;max-width:180px;border-radius:24px;padding:7px;background:#0d0906;border:1px solid rgba(250,245,236,.18);box-shadow:0 30px 54px -28px #000}
.flv-phone-screen{aspect-ratio:9/17;border-radius:18px;overflow:hidden;background:#000}
.flv-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}

/* ── FAIXA DE RESERVA / CTA ─────────────────────────────────────────────── */
.flv-reserve{position:relative;overflow:hidden;border-radius:26px;margin:0 auto;color:#faf5ec}
.flv-reserve-bg{position:absolute;inset:0;z-index:0}
.flv-reserve-bg img{width:100%;height:100%;object-fit:cover;display:block}
.flv-reserve-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,12,8,.92),rgba(20,12,8,.6))}
.flv-reserve-in{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:clamp(30px,4vw,46px) clamp(26px,4vw,52px)}
.flv-reserve h2{font-size:clamp(1.7rem,3.2vw,2.5rem);color:#faf5ec}
.flv-reserve p{margin:8px 0 0;color:var(--cream-muted);font-size:.98rem}

/* ── componentes compartilhados no estilo Flavoro ───────────────────────── */
.flv-shared .flv-head{margin-bottom:34px}
/* eyebrow dos componentes (kit/FAQ/lead) = manuscrito laranja, como o resto */
.flv .sv-label{font-family:"Dancing Script",cursive!important;text-transform:none!important;letter-spacing:0!important;font-weight:700;font-size:1.5rem;color:var(--orange-deep);gap:0}
.flv .sv-label::before,.flv .sv-label::after{display:none!important}
.flv .sv-label i,.flv .sv-label svg{display:none}
/* cards brancos, arredondados, sombra suave (kit, planos, dúvidas) */
.flv .sv-kit__item,.flv .sv-plano,.flv .sv-duvida{
    background:#fff;border:1px solid var(--line);border-radius:20px;
    box-shadow:0 22px 46px -42px rgba(36,26,18,.55)}
.flv .sv-kit__icone{color:var(--orange-deep);background:rgba(255,51,61,.14)}
.flv .sv-plano--ancora{border-color:var(--orange);box-shadow:0 30px 58px -38px rgba(216,31,40,.5)}
.flv .sv-plano__tag{background:var(--orange-deep);color:#fff;border-radius:999px}
.flv .sv-plano__preco,.flv .sv-plano__moeda{color:var(--orange-deep)}
.flv .sv-btn-produto{background:var(--orange-deep);border-color:var(--orange-deep);color:#fff}
.flv .sv-btn-produto:hover{background:#b01820}
/* formulário do lead: campos arredondados, foco laranja */
.flv .sv-lead__form input,.flv .sv-lead__form textarea,.flv .sv-lead__form select{
    border-radius:12px;border:1px solid var(--line);background:#fff}
.flv .sv-lead__form input:focus,.flv .sv-lead__form textarea:focus{border-color:var(--orange);outline:2px solid rgba(255,51,61,.28)}

/* ── APP (dois mockups em imagem) ───────────────────────────────────────── */
.flv-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.flv-app-phones{position:relative;display:flex;justify-content:center;align-items:center;min-height:clamp(360px,44vw,470px)}
.flv-appimg{width:clamp(150px,20vw,208px);height:auto;border-radius:30px;border:7px solid #0d0906;background:#0d0906;box-shadow:0 40px 74px -40px rgba(0,0,0,.7);display:block;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.flv-appimg.back{transform:rotate(7deg) translateX(-16%) scale(.9);opacity:.96;z-index:0}
.flv-appimg.front{transform:rotate(-5deg) translateX(16%);z-index:1}
.flv-app-phones:hover .flv-appimg.back{transform:rotate(9deg) translateX(-20%) scale(.9)}
.flv-app-phones:hover .flv-appimg.front{transform:rotate(-7deg) translateX(20%) translateY(-6px)}
/* lista da seção do app é sobre fundo CLARO — força texto escuro (o .flv-soft-list nasce claro p/ fundo escuro) */
.flv-app .flv-soft-list b{color:var(--ink)}
.flv-app .flv-soft-list span{color:var(--ink-soft)}
.flv-app .flv-soft-list i{background:rgba(216,31,40,.12);color:var(--orange-deep)}

/* ── reveal (motor no core.js) ──────────────────────────────────────────── */
[data-rv]{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
[data-rv].vis,[data-rv].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){[data-rv]{opacity:1;transform:none;transition:none}}

/* ── responsivo ─────────────────────────────────────────────────────────── */
@media(max-width:960px){
    .flv-hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}
    .flv-hero-figure{order:-1}
    .flv-about{grid-template-columns:minmax(0,1fr);gap:32px}
    .flv-about-mid{max-width:420px;margin:0 auto}
    .flv-menu{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .flv-soft{grid-template-columns:minmax(0,1fr);gap:34px}
    .flv-soft .flv-soft-copy{order:1}.flv-soft .flv-stage{order:2}
    .flv-stage{padding:0;max-width:540px;margin:0 auto}
    .flv-app{grid-template-columns:minmax(0,1fr);gap:12px}.flv-app .flv-app-copy{order:1}.flv-app .flv-app-phones{order:2;min-height:0;margin-top:8px}
    .flv-reserve-in{flex-direction:column;text-align:center;align-items:center}
    .flv-reserve-bg::after{background:linear-gradient(180deg,rgba(20,12,8,.86),rgba(20,12,8,.82))}
}
@media(max-width:560px){
    .flv-menu{grid-template-columns:minmax(0,1fr)}
    .flv-hero-chips{gap:14px}
    .flv-btn{padding:13px 22px}
}