/* Ajustes v11 · 07/10/2026 · vale para todas as páginas (carregado depois do CSS de cada página) */

/* 0. Celular: nada pode empurrar a página para o lado (o rodapé tinha e-mail e títulos longos estourando a coluna) */
html,body{overflow-x:clip}
.footer__grid>*{min-width:0}
.footer__col a,.footer__col span,.footer__h{overflow-wrap:anywhere}
.price small{margin-left:.15em}

/* 0b. Menu sem ícones, selo "em breve", logo do CHEF.IA e rodapé com 6 colunas (assets/site-nav.js) */
.ico--nav{display:none!important}
/* 11/10/2026: sem ícones decorativos de seção, cards e benefícios (ficam só os ícones das redes/WhatsApp) */
img[src*="brand/ic/"],img.ico,.ico:not(svg){display:none!important}
.h-ico{gap:0!important}
.tag-breve{display:inline-block;vertical-align:middle;margin-left:4px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.5;background:var(--a2);color:#fff}
.nav-chefia{display:block;color:var(--fg)}
.nav-chefia-a{padding-block:12px!important}
.nav__item>a{white-space:nowrap}
@media (min-width:1024px){.footer__grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
/* Instagram em grade: todos os cards do mesmo tamanho (quadrado de 320px), sem barra de rolagem lateral.
   Só a foto/vídeo aparece: cabeçalho, curtidas e comentários ficam cortados. --t = onde a mídia começa
   (medido post a post em assets/site-nav.js, para centralizar fotos verticais). */
.ig-faixa{display:grid;grid-template-columns:repeat(auto-fill,320px);justify-content:center;gap:var(--s3)}
.ig-faixa>figure{margin:0;display:grid;gap:8px;align-content:start;width:320px}
.ig-faixa iframe{--t:56px;width:320px;height:760px;border:0;background:var(--bg-2);clip-path:inset(var(--t) 0 calc(760px - var(--t) - 320px) 0 round var(--radius));margin-top:calc(-1 * var(--t));margin-bottom:calc(var(--t) + 320px - 760px)}
.ig-mais{display:flex;justify-content:center;margin-top:var(--s3)}
/* Página Meus restaurantes e cards de restaurante */
.rest-atalhos{display:flex;flex-wrap:wrap;gap:10px;padding-block:var(--s3)}
.rest-atalhos a{border:1px solid var(--line);border-radius:999px;padding:8px 16px;text-decoration:none;font-weight:600;font-size:14px}
.rest-atalhos a:hover{border-color:var(--a2)}
.rest-cab{display:grid;gap:var(--s4);align-items:center}
@media (min-width:900px){.rest-cab{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.rest-cab>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);display:block}
.rest-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--s2);margin-top:var(--s4)}
.rest-fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);display:block;background:var(--bg-2)}
.rest-sub{margin:var(--s5) 0 var(--s3);font-size:22px}
.rest-cards{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.rest-card{display:grid;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}
.rest-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.rest-card div{padding:var(--s3);display:grid;gap:6px}
.rest-card:hover{border-color:var(--a2)}
/* Minha história: o texto contorna a foto do perfil */
.historia{display:flow-root}
.historia__foto{float:left;width:min(42%,420px);aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;margin:6px var(--s4) var(--s3) 0;border-radius:var(--radius);shape-outside:margin-box;background:var(--bg-2)}
.historia h2{margin:6px 0 var(--s3)}
.historia p{max-width:none;margin:0 0 1em}
.historia .dl{clear:both;margin-top:var(--s4)}
.historia>p.lead:last-child{clear:both}
@media (max-width:700px){.historia__foto{float:none;width:100%;margin:0 0 var(--s3)}}
/* Galeria de fotos com ampliação */
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:10px}
.galeria img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:var(--radius);cursor:zoom-in;background:var(--bg-2);transition:transform .4s,filter .4s}
.galeria img:hover{transform:scale(1.02);filter:brightness(1.05)}
.rest-fotos img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:200;background:rgba(10,10,11,.94);display:grid;place-items:center;padding:56px 64px}
.lb[hidden]{display:none}
.lb img{max-width:100%;max-height:100%;object-fit:contain;border-radius:2px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:26px;line-height:1;cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.25)}
.lb__x{top:12px;right:12px}.lb__a{left:10px;top:50%;margin-top:-24px}.lb__p{right:10px;top:50%;margin-top:-24px}
.lb__c{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#ddd;font-size:14px}
@media (max-width:700px){.lb{padding:56px 8px}.lb__a,.lb__p{top:auto;bottom:40px}}
.midia-videos{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.midia-videos figure{margin:0;display:grid;gap:8px}
.midia-videos video{width:100%;height:auto;max-height:560px;background:#000;border-radius:var(--radius);display:block}
.midia-videos figcaption{font-size:var(--small);color:var(--fg-2)}
.midia-video{width:100%;max-width:720px;aspect-ratio:16/9;background:#000;border-radius:var(--radius);display:block}
.cards-equipe{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3)}
.cards-equipe .person{display:grid;gap:6px;justify-items:start;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);background:var(--card)}
.cards-equipe .person img{width:110px;height:110px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.ig-faixa figcaption{font-size:var(--small);color:var(--fg-2)}
.gal--4{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))!important;gap:var(--s2)}
.gal--4 img{width:100%!important;height:auto!important;max-height:none!important;margin:0!important;aspect-ratio:1;object-fit:cover;display:block;border-radius:2px;background:var(--bg-2)}
.breve-aviso{border:1px solid var(--line);border-left:4px solid var(--a2);border-radius:var(--radius);padding:var(--s3);background:var(--bg-2);display:grid;gap:6px}
.breve-aviso b{font-size:18px}

/* 1. Hero (11/10/2026): preenche a área em qualquer tela, com ponto de foco por foto.
   --pos = foco no computador/tablet; --pos-m = foco no celular (se não houver, usa --pos).
   Altura pela tela (svh evita o pulo da barra do Safari/Chrome no celular). */
.hero{min-height:clamp(460px,78vh,820px);min-height:clamp(460px,78svh,820px)}
.hero--short{min-height:clamp(380px,62vh,640px);min-height:clamp(380px,62svh,640px)}
.hero--home{min-height:clamp(500px,86vh,880px);min-height:clamp(500px,86svh,880px)}
.hero__bg{position:absolute!important;inset:0!important;z-index:-2;aspect-ratio:auto!important;overflow:hidden;background:#111112;transform:none!important}
.hero::after{display:block}
.hero__bg img,.hero__bg .ph{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:var(--pos,50% 45%)!important}
.hero__bg .hero__fundo{display:none!important}
@media (max-width:759px){
  .hero{min-height:74vh;min-height:74svh}
  .hero--short{min-height:58vh;min-height:58svh}
  .hero--home{min-height:84vh;min-height:84svh}
  .hero__bg img,.hero__bg .ph{object-position:var(--pos-m,var(--pos,50% 40%))!important}
  .hero__in{padding-block:var(--s4) var(--s4)}
}

/* 2. Imagem + texto: a imagem encosta no limite da sua área (esquerdo ou direito) e o texto começa no topo, ao lado */
@media (min-width:1024px){
  .split{align-items:start;column-gap:var(--s5)}
  .split:has(>.ph:first-child,>img:first-child,>figure:first-child){grid-template-columns:minmax(0,460px) minmax(0,1fr)}
  .split:has(>.stack:first-child,>div:not(.ph):first-child){grid-template-columns:minmax(0,1fr) minmax(0,460px)}
  .split--rev:has(>.ph:first-child,>img:first-child,>figure:first-child){grid-template-columns:minmax(0,1fr) minmax(0,460px)}
  .split>.ph,.split>img,.split>figure{width:100%;max-width:460px;margin:0;justify-self:start;align-self:start}
  .split--rev>.ph,.split--rev>img,.split--rev>figure,.split:has(>.stack:first-child)>.ph,.split:has(>.stack:first-child)>img{justify-self:end}
  .split>.stack{align-self:start;padding-top:2px}
}

/* 3. Consultoria: apresentação em duas colunas alinhadas pelo topo */
.apres{align-items:start}
@media (min-width:1024px){.apres{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--s5)}}

/* 4. Card de chamada (Consultoria → Da Abertura à Reformulação) */
.chamada{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;background:var(--bg-2);transition:border-color .3s,transform .3s var(--ease)}
.chamada:hover{border-color:var(--a2);color:inherit;transform:translateY(-2px)}
.chamada>img{width:100%;height:100%;min-height:240px;max-height:420px;object-fit:cover;display:block}
.chamada__txt{display:grid;gap:var(--s2);align-content:start;padding:var(--s4)}
.chamada__txt h2{margin:0}
.chamada__etapas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chamada__etapas li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;font-weight:500}
.chamada__etapas b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--a2);color:#fff;font-size:11px}
.chamada .btn{justify-self:start;margin-top:var(--s1)}
@media (min-width:860px){.chamada{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.chamada>img{max-height:none}}

/* 5. Página Da Abertura à Reformulação */
.momento{display:grid;gap:var(--s4);padding-block:var(--s5);border-top:1px solid var(--line)}
.momento:first-child{border-top:0;padding-top:0}
.momento__cab{display:grid;gap:var(--s1);align-content:start}
.momento__num{font-family:var(--font-display);font-size:56px;line-height:.9;color:var(--accent-text);font-weight:600}
.momento__cab h2{margin:0}
.fases3{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.fase{border-top:2px solid var(--a2);padding-top:var(--s2);display:grid;gap:var(--s1);align-content:start}
.fase h3{margin:0;font-size:19px}
.fase .list{font-size:15px;gap:6px}
@media (min-width:1024px){.momento{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--s5)}}

/* 6. Briefing da consultoria */
.brief{display:grid;gap:var(--s4);align-items:start}
.brief__lado{display:grid;gap:var(--s2);align-content:start}
.brief__lado h1{font-size:clamp(32px,4vw,46px)}
.brief__foto{width:100%;max-width:420px;aspect-ratio:4/3;object-fit:cover;object-position:50% 35%;border-radius:2px;justify-self:start}
.brief__form{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--a2);border-radius:var(--radius);padding:var(--s4) var(--s3);box-shadow:var(--shadow)}
.brief__grupo{font-size:var(--micro);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--accent-text);padding-bottom:8px;border-bottom:1px solid var(--line);max-width:none}
@media (min-width:1024px){.brief{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--s5)}.brief__lado{position:sticky;top:96px}.brief__form{padding:var(--s4)}}
.brief-intro{display:grid;gap:var(--s3);align-items:start}
.brief-passos{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2);counter-reset:bp}
.brief-passos li{counter-increment:bp;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.brief-passos li::before{content:counter(bp);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--a2);color:#fff;font-weight:600;font-size:14px}
.brief-passos b{display:block;font-size:16px}
.brief-passos span{font-size:14px;color:var(--fg-2)}
@media (min-width:1024px){.brief-intro{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--s5)}}