/* =========================================================================
   PARQUE PÃES · PÁGINA DE PEDIDO DE MARMITA
   Foco em conversão no celular: um passo por bloco, alvos de toque grandes,
   resumo fixo (ticket no desktop, barra no celular).
   ========================================================================= */

/* ---------- Hero compacto ---------- */
.mhero{background:var(--bg);color:var(--fg);padding:136px var(--sx) 72px;position:relative;overflow:hidden}
.mhero::before{content:"";position:absolute;right:-12%;top:-30%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(209,203,34,.12),rgba(209,203,34,0) 65%);pointer-events:none}
.mhero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.mhero__grid>*{min-width:0}
.mhero__copy{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.mhero h1{font-size:clamp(38px,5vw,64px)}
.mhero h1 .script{color:var(--amarelo)}
.mhero .lead{max-width:44ch}
.selos{display:flex;flex-wrap:wrap;gap:8px}
.selos li{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-size:13.5px;font-weight:500;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 .8px rgba(255,255,255,.14);color:rgba(250,245,234,.88)}
.selos [data-lucide]{width:16px;height:16px;color:var(--amarelo)}
.mhero__ctas{display:flex;flex-wrap:wrap;gap:12px}
.mhero__ctas [hidden]{display:none}

.hoje{display:grid;will-change:auto;grid-template-columns:.8fr 1.2fr;background:var(--creme-50);color:var(--texto);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.25);transform:rotate(1.2deg)}
.hoje__foto{position:relative;min-height:100%}
.hoje__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hoje__corpo{padding:24px;display:flex;flex-direction:column;gap:12px}
.hoje__topo{display:flex;flex-direction:column;gap:10px}
.hoje h2{display:flex;flex-direction:column;gap:4px}
.hoje h2 .label{color:var(--verde-parque)}
.hoje h2 strong{font-family:var(--font-display);font-size:28px;letter-spacing:-.02em;line-height:1.05}
.hoje h2 strong::first-letter{text-transform:uppercase}
.hoje__status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:rgba(86,122,44,.12);width:max-content;max-width:100%}
.hoje__status.is-off{background:rgba(190,30,36,.1);color:var(--vermelho-hover)}
.hoje__base{font-size:14px;color:var(--texto-corpo)}
.hoje__escolha{font-size:12.5px;font-weight:600;color:var(--texto-forte)}
.hoje__carnes{display:flex;flex-direction:column;gap:8px}
.hoje__carne{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 .8px var(--borda-areia);font-size:14.5px;font-weight:600;text-align:left;transition:box-shadow .3s}
.hoje__carne:hover{box-shadow:inset 0 0 0 1.5px var(--verde-parque)}
.hoje__carne [data-lucide]{transition:transform .3s var(--ease)}
.hoje__carne:hover [data-lucide]{transform:translateX(4px)}
.hoje__carne img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.hoje__carne [data-lucide]{margin-left:auto;width:16px;height:16px;color:var(--verde-parque)}
.hoje__aviso{font-size:13px;line-height:1.45;padding:10px 12px;border-radius:14px;background:rgba(209,203,34,.22);color:var(--texto-forte)}

/* ---------- Como funciona ---------- */
.passos{padding:40px var(--sx) 0;background:var(--bg)}
.passos__lista{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:p}
.passos__lista li{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 .8px var(--borda-areia);position:relative}
.passos__ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--verde-floresta);color:var(--amarelo);flex:none}
.passos__ic [data-lucide]{width:22px;height:22px}
.passos__lista b{display:block;font-family:var(--font-display);font-size:19px;letter-spacing:-.01em}
.passos__lista div span{font-size:13.5px;color:var(--texto-corpo);line-height:1.4;display:block}

/* ---------- Montagem (assistente em etapas) ---------- */
.montar{padding:72px var(--sx) 120px;background:var(--bg)}
.montar__head{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}
.boas-vindas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px 14px 20px;border-radius:22px;background:var(--verde-floresta);color:var(--creme-50);max-width:760px}
.boas-vindas p{flex:1;min-width:200px;font-size:14.5px}
.boas-vindas b{color:var(--amarelo)}
.montar__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:36px;align-items:start}
.assistente{min-width:0;background:#fff;border-radius:var(--r-lg);box-shadow:inset 0 0 0 .8px var(--borda-areia),0 18px 40px rgba(31,42,18,.07);scroll-margin-top:96px}

/* Trilha de etapas */
.trilha{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 18px 0;gap:6px}
.trilha button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:14px;text-align:left;color:rgba(31,42,18,.5);transition:background .25s,color .25s}
.trilha button:not(:disabled):hover{background:var(--creme-50)}
.trilha button:disabled{cursor:default}
.trilha__n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--font-label);font-size:12px;line-height:1;background:var(--creme-100);color:rgba(31,42,18,.55);transition:background .3s,color .3s}
.trilha__n [data-lucide]{width:16px;height:16px;stroke-width:3;display:block}
.trilha__t{font-size:13.5px;font-weight:600;line-height:1.2}
.trilha li.is-on button{color:var(--texto-forte)}
.trilha li.is-on .trilha__n{background:var(--verde-floresta);color:var(--amarelo)}
.trilha li.is-ok button{color:var(--verde-parque)}
.trilha li.is-ok .trilha__n{background:var(--verde-parque);color:#fff}
.trilha__barra{height:4px;margin:14px 24px 0;border-radius:4px;background:var(--creme-100);overflow:hidden}
.trilha__barra span{display:block;height:100%;width:4%;border-radius:4px;background:linear-gradient(90deg,var(--verde-parque),var(--amarelo));transition:width .6s var(--ease)}

/* Painel do passo */
.painel-passo{padding:26px 28px 28px;min-height:420px}
.passo{display:flex;flex-direction:column;gap:18px}
.passo__cab{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.passo__rotulo{font-family:var(--font-label);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--verde-parque)}
.passo__tit{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.6vw,32px);line-height:1.08;letter-spacing:-.025em;color:var(--texto-forte)}
.passo__sub{font-size:15px;color:var(--texto-corpo);max-width:52ch}
.passo__mini{font-size:14px;font-weight:600;margin-bottom:-6px}
.passo__rod{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding-top:18px;border-top:1.5px dashed var(--borda-areia)}
.passo__voltar{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 16px 0 10px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--texto);transition:background .2s}
.passo__voltar:hover{background:var(--creme-50)}
.passo__voltar [data-lucide]{width:18px;height:18px}
.passo__ok{min-height:54px}
.passo__ok:disabled{background:#E9E0CC;color:#8A8E7A;cursor:not-allowed;transform:none;box-shadow:none}
.passo__ok:disabled .btn__ic{background:#F5EFE2;color:#8A8E7A}

/* Opções genéricas (radio/checkbox estilizados) */
.op{position:relative;display:flex;cursor:pointer}
.op input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.op__box{flex:1;display:flex;align-items:center;gap:10px;border-radius:18px;background:var(--creme-50);box-shadow:inset 0 0 0 1px var(--borda-areia);transition:box-shadow .2s,background .2s}
@media (hover:hover){.op:hover .op__box{box-shadow:inset 0 0 0 1.5px var(--verde-parque)}}
.op input:checked+.op__box{background:#fff;box-shadow:inset 0 0 0 2px var(--verde-floresta),0 8px 18px rgba(31,42,18,.1)}
.op input:focus-visible+.op__box{outline:2px solid var(--amarelo);outline-offset:3px}

.opcoes-dia{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.opcoes-dia .op__box{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:2px}
.opcoes-dia b{font-size:16px}
.opcoes-dia small{font-size:13px;color:var(--texto-corpo)}
.horarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.horarios .op__box{justify-content:center;height:48px;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;border-radius:999px}
.horarios .op input:checked+.op__box{background:var(--verde-floresta);color:var(--creme-50)}
.horarios__vazio{grid-column:1/-1;font-size:14px;color:var(--texto-corpo)}
.aviso-linha{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;padding:12px 14px;border-radius:16px;background:rgba(209,203,34,.2)}
.aviso-linha [data-lucide]{width:18px;height:18px;margin-top:1px;color:var(--verde-floresta)}
.erro{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#A3151A}
.erro::before{content:"!";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#A3151A;color:#fff;font-size:12px;font-weight:700;flex:none}

/* Tamanhos */
.tamanhos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:6px}
.tamanhos .op__box{flex-direction:column;align-items:flex-start;gap:2px;padding:18px 16px 14px;position:relative}
.tamanhos b{font-size:17px}
.tamanhos small{font-size:13px;color:var(--texto-corpo);line-height:1.3}
.tamanhos .preco{margin-top:10px;font-weight:700;font-size:17px;color:var(--verde-floresta);font-variant-numeric:tabular-nums}
.tamanhos .pop{position:absolute;top:-10px;left:14px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--vermelho);color:#fff;padding:3px 9px;border-radius:999px;white-space:nowrap}

/* Lista de opções com miniatura + ampliar */
.lista-op{display:flex;flex-direction:column;gap:10px}
.op--linha .op__box{padding:10px 14px 10px 10px;gap:14px;min-height:84px}
.op__mini{width:64px;height:64px;border-radius:14px;overflow:hidden;flex:none;background:var(--madeira)}
.op__mini img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
@media (hover:hover){.op--linha:hover .op__mini img{transform:scale(1.08)}}
.op__txt{flex:1;min-width:0}
.op__txt b{display:block;font-size:16px;line-height:1.25}
.op__txt small{display:block;font-size:13.5px;color:var(--texto-corpo);margin-top:2px;line-height:1.35}
.op__zoom{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;background:#fff;box-shadow:inset 0 0 0 .8px var(--borda-areia);color:var(--texto);transition:background .2s,color .2s}
.op__zoom:hover{background:var(--texto-forte);color:var(--creme-50)}
.op__zoom [data-lucide]{width:16px;height:16px}
.op__radio{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1.5px #BCAE8E;color:transparent;transition:background .25s,box-shadow .25s,color .25s}
.op__radio [data-lucide]{width:15px;height:15px;stroke-width:3;display:block}
.op input:checked+.op__box .op__radio{background:var(--verde-floresta);box-shadow:none;color:#fff}

/* Ajustes e observação */
.ajustes{display:flex;flex-wrap:wrap;gap:8px}
.ajustes .op__box{padding:10px 14px;border-radius:999px;font-size:14px;font-weight:500;gap:8px}
.ajustes .op__box::before{content:"";width:16px;height:16px;border-radius:5px;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.5;flex:none}
.ajustes .op input:checked+.op__box{background:var(--verde-floresta);color:var(--creme-50);box-shadow:none}
.ajustes .op input:checked+.op__box::before{opacity:1;background:var(--amarelo);box-shadow:none}
.obs textarea{min-height:76px;resize:vertical}
.contador{display:block;text-align:right;font-size:12px;color:var(--texto-corpo);margin-top:4px}

/* Lista de marmitas */
.mms{display:flex;flex-direction:column;gap:10px}
.mm{display:flex;align-items:center;gap:14px;padding:12px;border-radius:20px;background:var(--creme-50);box-shadow:inset 0 0 0 1px var(--borda-areia)}
.mm--falta{box-shadow:inset 0 0 0 1.5px #D9A19C;background:#FFF7F5}
.mm__thumb{width:56px;height:56px;border-radius:14px;flex:none;background:var(--madeira);overflow:hidden;display:grid;place-items:center;color:var(--verde-floresta)}
.mm__thumb img{width:100%;height:100%;object-fit:cover}
.mm__thumb [data-lucide]{width:22px;height:22px}
.mm__id{flex:1;min-width:0}
.mm__id b{display:block;font-family:var(--font-display);font-size:18px;letter-spacing:-.015em;line-height:1.2}
.mm__id small{display:block;font-size:13.5px;color:var(--texto-corpo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm__id em{display:block;font-style:normal;font-size:12.5px;font-weight:600;color:#A3151A}
.mm__preco{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.mm__acoes{display:flex;gap:6px}
.icone-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 .8px var(--borda-areia);color:var(--texto);transition:background .2s,color .2s}
.icone-btn:hover{background:var(--texto-forte);color:var(--creme-50)}
.icone-btn--perigo:hover{background:#A3151A}
.icone-btn [data-lucide]{width:17px;height:17px}
.add-marmita{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;border-radius:20px;background:transparent;border:1.5px dashed rgba(61,80,33,.4);text-align:left;transition:background .25s,border-color .25s}
.add-marmita:hover{background:var(--creme-50);border-color:var(--verde-floresta)}
.add-marmita__ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--amarelo);color:var(--texto-forte);flex:none}
.add-marmita b{display:block;font-size:16px}
.add-marmita small{display:block;font-size:13.5px;color:var(--texto-corpo)}

/* Extras */
.extras{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.extras__tit{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin-bottom:6px}
.extras__tit [data-lucide]{width:18px;height:18px;color:var(--verde-parque)}
.steppers li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:.8px dashed rgba(21,28,12,.16)}
.steppers li:last-child{border-bottom:0}
.steppers .nome{flex:1;min-width:0;font-size:14.5px;font-weight:500;line-height:1.3}
.steppers .nome small{display:block;font-size:12.5px;color:var(--texto-corpo);font-weight:400}
.stepper{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--creme-50);box-shadow:inset 0 0 0 .8px var(--borda-areia)}
.stepper button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:background .2s}
.stepper button:hover{background:#fff}
.stepper button:disabled{opacity:.3;cursor:default;background:none}
.stepper [data-lucide]{width:15px;height:15px;stroke-width:2.4}
.stepper output{min-width:22px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.steppers li.tem .stepper{background:var(--verde-floresta);color:var(--creme-50);box-shadow:none}
.steppers li.tem .stepper button:hover{background:rgba(255,255,255,.12)}

/* Campos */
.campos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.campo--full{grid-column:1/-1}
.campo label,.campo__label{font-size:14px;font-weight:600}
.campo .opc{font-weight:400;color:var(--texto-corpo)}
.campo .erro{font-size:13px}
input[type=text],input[type=tel],textarea{width:100%;height:52px;padding:0 16px;border-radius:16px;border:0;background:var(--creme-50);box-shadow:inset 0 0 0 1px #CDBF9F;font-size:16px;color:var(--texto-forte);transition:box-shadow .2s,background .2s}
textarea{height:auto;padding:12px 16px;line-height:1.45}
input::placeholder,textarea::placeholder{color:#6E7363}
input:focus,textarea:focus{outline:0;background:#fff;box-shadow:inset 0 0 0 2px var(--verde-floresta)}
input[aria-invalid="true"]{box-shadow:inset 0 0 0 2px #A3151A;background:#FFF6F5}
.pagamentos{display:flex;flex-wrap:wrap;gap:8px}
.pagamentos .op__box{padding:12px 18px;border-radius:999px;font-weight:600;font-size:14.5px;gap:8px}
.pagamentos .op input:checked+.op__box{background:var(--verde-floresta);color:var(--creme-50);box-shadow:none}
.pagamentos [data-lucide]{width:17px;height:17px}
.lembrar{display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer;margin-top:2px}
.lembrar input{appearance:none;width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px var(--texto);display:grid;place-items:center;flex:none;cursor:pointer;margin:0}
.lembrar input:checked{background:var(--verde-floresta);box-shadow:none}
.lembrar input:checked::after{content:"";width:10px;height:6px;border-left:2px solid var(--amarelo);border-bottom:2px solid var(--amarelo);transform:translateY(-1px) rotate(-45deg)}

/* ---------- Cupom do pedido ---------- */
.ticket{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px}
.cupom{filter:drop-shadow(0 18px 26px rgba(31,42,18,.14)) drop-shadow(0 2px 3px rgba(31,42,18,.08))}
.cupom__papel{--dente:7px;position:relative;background:#FFFEF9;padding:30px 24px 30px;font-family:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;font-size:12.5px;color:#2B3320;
  -webkit-mask:radial-gradient(var(--dente) at 50% 0,#0000 98%,#000) 50% 0/calc(var(--dente)*2.6) 51% repeat-x,radial-gradient(var(--dente) at 50% 100%,#0000 98%,#000) 50% 100%/calc(var(--dente)*2.6) 51% repeat-x;
          mask:radial-gradient(var(--dente) at 50% 0,#0000 98%,#000) 50% 0/calc(var(--dente)*2.6) 51% repeat-x,radial-gradient(var(--dente) at 50% 100%,#0000 98%,#000) 50% 100%/calc(var(--dente)*2.6) 51% repeat-x}
.cupom__papel>*+*{margin-top:14px}
.cupom__cab{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding-bottom:14px;border-bottom:1.5px dashed #CDBF9F}
.cupom__cab img{width:58px;height:auto;margin-bottom:6px}
.cupom__cab b{font-size:14px;letter-spacing:.14em}
.cupom__cab small{font-size:11px;color:#6B705C}
.cupom__tit{text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.cupom__meta{display:flex;flex-direction:column;gap:4px}
.cupom__meta div{display:flex;justify-content:space-between;gap:10px}
.cupom__meta dt{color:#6B705C;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.cupom__meta dd{font-weight:700;text-align:right}
.cupom__cols{display:grid;grid-template-columns:30px 1fr auto;gap:8px;padding:6px 0;border-top:1.5px dashed #CDBF9F;border-bottom:1.5px dashed #CDBF9F;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6B705C}
.cupom__itens{display:flex;flex-direction:column;gap:10px;max-height:34vh;overflow:auto}
.nl{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:start}
.nl__q{font-weight:700}
.nl__d b{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.35}
.nl__d small{display:block;font-size:11.5px;color:#6B705C;line-height:1.4}
.nl__v{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.nl--falta .nl__d small{color:#A3151A}
.cupom__total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:12px;border-top:2px solid #2B3320}
.cupom__total span{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.cupom__total b{font-family:var(--font-display);font-size:30px;letter-spacing:-.03em;color:var(--texto-forte);font-variant-numeric:tabular-nums}
.cupom__pag{font-size:11.5px;color:#6B705C;text-align:center}
.cupom__barras{height:44px;margin-inline:12px;background:repeating-linear-gradient(90deg,#2B3320 0 2px,#0000 2px 4px,#2B3320 4px 5px,#0000 5px 8px,#2B3320 8px 11px,#0000 11px 12px,#2B3320 12px 13px,#0000 13px 16px,#2B3320 16px 17px,#0000 17px 19px);opacity:.85}
.cupom__fim{text-align:center;font-size:11.5px;line-height:1.5}
.cupom__aviso{text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8A8E7A;margin-top:6px!important}
.ticket__btn{min-height:58px}
.cupom--rev{margin:18px 0}
.cupom--rev .cupom__itens{max-height:none}

/* Barra fixa no celular */
.barra{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:85;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;background:rgba(31,42,18,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--creme-50);box-shadow:0 14px 34px rgba(20,28,10,.35);padding-bottom:calc(10px + env(safe-area-inset-bottom,0px) * .5)}
.barra__info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.barra__info small{font-size:12px;color:rgba(250,245,234,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra__info b{font-family:var(--font-display);font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.barra .btn{min-height:50px;padding:8px 8px 8px 18px;font-size:14.5px}
.barra .btn .btn__ic{width:34px;height:34px}

/* Revisão */
.revisao{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--texto)}
.revisao::backdrop{background:rgba(20,28,10,.55);backdrop-filter:blur(4px)}
.revisao[open]{display:grid;place-items:center}
.revisao__caixa{position:relative;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--creme-50);border-radius:var(--r-lg);padding:32px;box-shadow:0 40px 80px rgba(0,0,0,.35)}
.revisao__fechar{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 .8px var(--borda-areia)}
.revisao__quando{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:15px;font-weight:600;color:var(--verde-floresta)}
.revisao__quando [data-lucide]{width:18px;height:18px}
.revisao__itens{margin-top:18px;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 .8px var(--borda-areia)}
.revisao__itens .ti{font-size:15px}
.revisao__total{display:flex;align-items:baseline;justify-content:space-between;margin:18px 2px 10px}
.revisao__total b{font-family:var(--font-display);font-size:36px;letter-spacing:-.03em}
.revisao__nota{display:flex;gap:10px;font-size:13.5px;line-height:1.45;color:var(--texto-corpo);padding:12px 14px;border-radius:16px;background:rgba(209,203,34,.18);margin-bottom:18px}
.revisao__nota [data-lucide]{width:18px;height:18px;flex:none;color:var(--verde-floresta)}
.btn--whats{background:var(--verde-bandeira);color:#fff;min-height:62px;font-size:16px;padding:12px 24px;gap:12px}
.btn--whats:hover{background:#3B6943}
.btn__wa{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.revisao__editar{display:block;width:100%;text-align:center;margin-top:10px;padding:12px;font-weight:600;font-size:14.5px;color:var(--verde-floresta);text-decoration:none}
.revisao__editar:hover{text-decoration:underline}
.ok__ic{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--verde-parque);color:#fff;margin-bottom:18px}
.ok__ic [data-lucide]{width:36px;height:36px;stroke-width:3}
.ok__txt{margin-top:10px;font-size:16px;color:var(--texto-corpo)}
.ok__dica{display:flex;gap:10px;margin:18px 0;padding:14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 .8px var(--borda-areia);font-size:14px;line-height:1.45}
.ok__dica [data-lucide]{width:18px;height:18px;flex:none;color:var(--vermelho)}
.ok__botoes{display:flex;flex-direction:column;gap:10px}

/* Prova social */
.prova{display:grid;grid-template-columns:.9fr 2fr;gap:40px;align-items:center}
.prova .carrossel__trilho{grid-auto-columns:calc(50% - 9px)}
.prova__nota{display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding-right:20px}
.prova__selo{display:flex;align-items:center;gap:14px}
.prova__selo b{font-family:var(--font-display);font-size:64px;line-height:.9;letter-spacing:-.04em;color:var(--verde-floresta)}
.prova__selo .estrelas [data-lucide]{color:#C9A70F;width:18px;height:18px}
.prova__selo small{display:block;font-size:13.5px;color:var(--texto-corpo)}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.faq__lado{display:flex;flex-direction:column;gap:20px;align-items:flex-start;position:sticky;top:120px}
.acc__item{border-bottom:.8px solid rgba(21,28,12,.15)}
.acc__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 6px;text-align:left;font-weight:600;font-size:19px;line-height:1.3}
.acc__pm{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 .8px rgba(21,28,12,.2);transition:transform .4s var(--ease),background .3s}
.acc__btn[aria-expanded="true"] .acc__pm{transform:rotate(45deg);background:var(--amarelo);box-shadow:none}
.acc__painel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.acc__painel>div{overflow:hidden}
.acc__item.is-open .acc__painel{grid-template-rows:1fr}
.acc__painel p{padding:0 6px 26px;font-size:16.5px;color:var(--texto-corpo);max-width:62ch}
.acc__painel a{color:var(--verde-floresta);font-weight:600}

/* Contato curto */
.contato-curto{padding-top:72px;padding-bottom:80px}
.contato-curto__grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.contato-curto__grid .lead{margin-top:10px}
.contato-curto__botoes{display:flex;flex-wrap:wrap;gap:10px}

/* Animação de "voar para o ticket" */
.voando{position:fixed;z-index:150;border-radius:50%;object-fit:cover;pointer-events:none;box-shadow:0 10px 24px rgba(0,0,0,.3)}

/* Foto ampliada */
.zoom{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0}
.zoom::backdrop{background:rgba(20,28,10,.78);backdrop-filter:blur(6px)}
.zoom[open]{display:grid;place-items:center}
.zoom__fig{position:relative;width:min(640px,calc(100% - 32px));background:var(--creme-50);border-radius:var(--r-lg);padding:12px 12px 16px;box-shadow:0 40px 80px rgba(0,0,0,.4)}
.zoom__fig img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:26px}
.zoom__fig figcaption{text-align:center;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em;margin-top:12px}
.zoom__fig .revisao__fechar{top:24px;right:24px;z-index:2}

/* ---------- Responsivo ---------- */
@media (max-width:1080px){
  .montar__grid{grid-template-columns:1fr}
  .ticket{display:none}
  .barra{display:flex}
  .pg-marmita .rodape{padding-bottom:90px}
  .prova{grid-template-columns:1fr}
  .prova__nota{padding-right:0}
  .prova .carrossel__trilho{grid-auto-columns:minmax(300px,46%)}
}
@media (max-width:980px){
  .mhero{padding:112px var(--sx) 48px}
  .mhero__grid{grid-template-columns:1fr;gap:36px}
  .hoje{transform:none;grid-template-columns:1fr}
  .hoje__foto{height:180px}
  .passos{padding:28px var(--sx) 0}
  .passos__lista{grid-template-columns:1fr;gap:10px}
  .passos__lista li{padding:14px 16px}
  .montar{padding:56px var(--sx) 80px}
  .faq{grid-template-columns:1fr;gap:28px}
  .faq__lado{position:static}
  .contato-curto__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .montar{padding:44px 12px 72px}
  .montar__head{padding:0 8px}
  .assistente{border-radius:26px}
  .trilha{padding:14px 10px 0;gap:2px}
  .trilha button{flex-direction:column;gap:6px;padding:6px 2px;text-align:center}
  .trilha__t{font-size:11.5px}
  .trilha__barra{margin:12px 16px 0}
  .painel-passo{padding:22px 16px 20px;min-height:0}
  .passo__rod{margin-top:4px}
  .passo__ok{flex:1;justify-content:space-between}
  .tamanhos{gap:8px}
  .tamanhos .op__box{padding:20px 10px 12px}
  .tamanhos small{font-size:12.5px}
  .tamanhos .pop{left:50%;transform:translateX(-50%);font-size:9px;padding:3px 7px}
  .op--linha .op__box{padding:8px 10px 8px 8px;gap:12px;min-height:72px}
  .op__mini{width:56px;height:56px;border-radius:12px}
  .op__txt b{font-size:15px}
  .op__txt small{font-size:12.5px}
  .mm{flex-wrap:wrap;gap:12px}
  .mm__preco{display:none}
  .mm__acoes{width:100%;justify-content:flex-end;padding-top:8px;border-top:1px dashed var(--borda-areia)}
  .extras{grid-template-columns:1fr;gap:18px}
  .campos{grid-template-columns:1fr}
  .prova .carrossel__trilho{grid-auto-columns:86%}
  .selo--desk{display:none!important}
  .selos{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .selos li{justify-content:center;gap:6px;padding:9px 8px;font-size:12.5px;white-space:nowrap;min-width:0}
  .selos [data-lucide]{width:15px;height:15px}
  .mhero__ctas{width:100%;flex-direction:column}
  .mhero__ctas .btn{width:100%;justify-content:center;gap:14px}
  .revisao[open]{place-items:end center}
  .revisao__caixa{width:100%;border-radius:28px 28px 0 0;padding:26px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:92dvh}
  .acc__btn{font-size:17px;padding:20px 4px}
  .mhero h1{font-size:40px}
  .zoom__fig .revisao__fechar{top:20px;right:20px}
}
@media (max-width:370px){
  .selos li{font-size:11.5px;padding:9px 6px;gap:5px}
  .selos [data-lucide]{width:14px;height:14px}
}