/* F3 PAR — v2: ajustes sobre a v1 (header, grid, CTA fixo, formulário enxuto em pop-up) */

/* ---------- Base ---------- */
.fx-progress,.wa-float,.hx-note,.cycle{display:none!important}
.section{padding:clamp(64px,8vw,112px) 0}
.section-head,.section-head.center{max-width:760px;margin-inline:auto;margin-bottom:clamp(36px,4.5vw,56px);text-align:center}
.section-head .lead{margin-inline:auto}
.section-head .eyebrow{justify-content:center}

/* Hover suave nos botões (sem pulo) */
.btn:hover,.btn--primary:hover,.btn--ghost:hover,.btn--outline:hover,.btn--wa:hover{transform:none!important}
.btn--primary::before{transform:none!important;opacity:0;transition:opacity .45s ease}
.btn--primary:hover::before{opacity:1}
.btn--primary:hover{box-shadow:0 0 0 1px rgba(29,224,247,.35),0 14px 40px -12px rgba(29,224,247,.5)}
.btn .ripple{display:none}

/* Listas soltas viram caixa (mesmo padrão dos cards) */
.vsteps,.hub .hub-list,.region .hub-list{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));border:1px solid var(--line-2);border-radius:24px;padding:22px 24px;text-align:left}
.vsteps{margin:26px 0 28px}
.hub .hub-list,.region .hub-list{margin:26px 0 28px}

/* Texto curto só no celular */
.t-m{display:none}

/* Seta dos botões: gira no próprio centro */
.btn .btn-ico svg{transform-origin:50% 50%}
.btn:hover .btn-ico svg,.btn:focus-visible .btn-ico svg{transform:rotate(-45deg)}

/* ---------- Header ---------- */
.site-header{padding-top:16px}
.site-header .nav{max-width:none;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 28px;border-radius:999px}
.site-header .brand{justify-self:start;display:flex;align-items:center;height:100%}
.site-header .brand img{display:block;height:30px;width:auto}
.site-header nav{justify-self:center}
.site-header .nav-links{gap:2px}
.site-header .nav-links a{padding:10px 16px}
.site-header .nav-cta{justify-self:end}
.site-header .nav-cta .btn--sm{height:42px;padding:0 5px 0 20px;gap:12px}
.site-header .nav-cta .btn--sm .btn-ico{width:32px;height:32px}
.nav-only-m{display:none}

.glass{position:relative;isolation:isolate}
.site-header .nav.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0)),rgba(10,8,7,.30);
  -webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 32px -22px rgba(0,0,0,.8);
  transition:background .4s,border-color .4s,box-shadow .4s}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(50% 140% at 50% -60%,rgba(81,249,204,.10),transparent 70%)}
.site-header.scrolled .nav.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)),rgba(10,8,7,.58);
  border-color:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 40px -22px rgba(0,0,0,.9)}

/* Menu hambúrguer sem contorno */
.menu-toggle{border:0!important;background:transparent!important;box-shadow:none!important}
.menu-toggle:focus-visible{outline:2px solid var(--mint);outline-offset:2px}

/* ---------- Hero ---------- */
.hx-kicker{margin-top:0}
.hx-arc{
  -webkit-mask-image:linear-gradient(90deg,transparent calc(50% - min(550px,50vw) + 8px),#000 calc(50% - min(550px,50vw) / 2),#000 calc(50% + min(550px,50vw) / 2),transparent calc(50% + min(550px,50vw) - 8px));
  mask-image:linear-gradient(90deg,transparent calc(50% - min(550px,50vw) + 8px),#000 calc(50% - min(550px,50vw) / 2),#000 calc(50% + min(550px,50vw) / 2),transparent calc(50% + min(550px,50vw) - 8px))}
.marquee{padding:28px 0}
.hx-dot{margin-left:-.12em;color:#1de0f7}

/* ---------- CTA fixo (abre o formulário) ---------- */
.mobile-cta.sticky-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;position:fixed;left:50%;right:auto;bottom:22px;z-index:90;
  width:min(760px,calc(100% - 48px));padding:10px 10px 10px 30px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)),rgba(12,10,9,.78);
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  border:1px solid rgba(81,249,204,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 60px -18px rgba(0,0,0,.9),0 0 50px -24px rgba(81,249,204,.5);
  transform:translate(-50%,170%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .5s var(--ease),opacity .35s ease,visibility 0s linear .5s}
.mobile-cta.sticky-cta.show{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .5s var(--ease),opacity .35s ease,visibility 0s}
.sticky-cta p{margin:0;font:600 1.05rem/1.3 var(--font-head);letter-spacing:-.01em;color:#fff}
.sticky-cta .sc-short{display:none}
.sticky-cta .btn{flex:none;width:auto}
html.apm-lock .sticky-cta{opacity:0;pointer-events:none}

/* ---------- Ícones WhatsApp / Instagram ---------- */
.btn--wa .ico-wa{width:20px;height:20px}
.btn .btn-ico .ico-wa{width:17px;height:17px}
.social{display:flex;gap:10px;margin-top:4px}
.soc{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink-2);background:rgba(255,255,255,.04);border:1px solid var(--line-2);transition:color .25s,background .25s,border-color .25s,transform .25s var(--ease)}
.soc svg{width:20px;height:20px}
.soc--wa:hover{color:#25d366;border-color:rgba(37,211,102,.5);background:rgba(37,211,102,.1);transform:translateY(-2px)}
.soc--ig:hover{color:#ff7ab6;border-color:rgba(255,122,182,.5);background:rgba(255,122,182,.1);transform:translateY(-2px)}

/* ---------- Formulário (pop-up e /aplicar/) ---------- */
.cform-head h1,.cform-head h2{font-size:clamp(1.55rem,2.2vw,1.8rem);line-height:1.15;margin:0 0 8px;padding-right:44px}
.cform-head p{color:var(--muted);margin:0 0 26px}
.cform-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}
.cform-grid .field{margin:0}
.cform-grid .span2{grid-column:auto}
.cform .field label{font-size:.9rem;margin-bottom:8px}
.cform .req{color:var(--mint);margin-left:2px}
.cform input::placeholder{color:rgba(246,243,238,.38)}
.cform select:invalid{color:rgba(246,243,238,.45)}
.cform input.bad,.cform select.bad{border-color:#ff8a7a;box-shadow:0 0 0 3px rgba(255,138,122,.12)}
.cform-btn{margin-top:24px;height:56px;justify-content:center}
.cform-btn .btn-label{flex:1;text-align:center;padding-left:38px}
.cform .form-msg{margin:12px 0 0;text-align:center}
.cform .form-msg:empty{display:none}
.cform-legal{margin:14px 0 0;font-size:.82rem;color:var(--muted);text-align:center}
.cform-legal a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
.page-form .cform-card{max-width:820px;margin:28px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,4vw,44px);box-shadow:var(--shadow-lg)}
.page-form .cform-head h1{padding-right:0}

/* ---------- Pop-up ---------- */
html.apm-lock,html.apm-lock body{overflow:hidden}
html.apm-lock body{padding-right:var(--sbw,0)}
.apm{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:clamp(12px,3vw,32px)}
.apm[hidden]{display:none}
.apm-backdrop{position:absolute;inset:0;background:rgba(6,5,4,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .32s ease}
.apm-panel{position:relative;width:min(820px,100%);max-height:calc(100dvh - clamp(24px,6vw,64px));overflow:auto;overscroll-behavior:contain;
  border-radius:28px;border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(80% 60% at 0% 0%,rgba(81,249,204,.08),transparent 60%),#0f0c0b;
  box-shadow:0 40px 120px -30px rgba(0,0,0,.95);padding:clamp(28px,4vw,44px);outline:0;
  opacity:0;transform:translateY(24px) scale(.98);transition:opacity .32s ease,transform .45s var(--ease)}
.apm.on .apm-backdrop{opacity:1}
.apm.on .apm-panel{opacity:1;transform:none}
.apm-x{position:absolute;top:18px;right:18px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;cursor:pointer;
  color:var(--ink);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);transition:background .25s,transform .35s var(--ease)}
.apm-x:hover{background:rgba(255,255,255,.12);transform:rotate(90deg)}
.apm-x:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.apm-x svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.apm-panel,.apm-backdrop{transition:none}}

/* ---------- Tablet ---------- */
@media (max-width:1080px){
  .site-header .nav{grid-template-columns:1fr auto;padding:0 10px 0 24px;height:64px}
  .site-header nav{display:contents}
  .nav-only-m{display:block}
  .nav-only-m{margin-top:10px}
  .nav-open .nav-links .nav-only-m .btn{display:flex;width:100%;height:52px;padding:0 6px 0 22px;justify-content:center;gap:12px;border-radius:999px;font-size:1rem}
  .nav-open .nav-links .nav-only-m .btn .btn-label{flex:none}
  .nav-open .nav-links .nav-only-m .btn--primary{background:var(--mint);color:#0a0807!important}
  .nav-open .nav-links .nav-only-m .btn .btn-ico{background:#0a0807;color:var(--mint)}
  .nav-open .nav-links{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e0b0a;border-color:rgba(255,255,255,.12);box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
}

/* ---------- Letras do método sem corte (itálico com gradiente) ---------- */
.step .letter{display:inline-block;padding:0 .14em 0 .04em;margin-left:-.04em;line-height:1.05}

/* ---------- Rodapé ---------- */
.site-footer{padding-bottom:110px}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;grid-template-areas:"brand sol emp con" "soc sol emp con";column-gap:40px;row-gap:24px}
.footer-brand{grid-area:brand}.f-sol{grid-area:sol}.f-emp{grid-area:emp}.f-con{grid-area:con}.f-soc{grid-area:soc}
.footer-brand p{margin-bottom:0}
.f-soc h4{display:none}
.f-con p{margin:0 0 10px;font-size:.93rem}
.f-con .legal{color:var(--muted);line-height:1.55}
.footer-cta{display:none}
@media (max-width:1080px){
  .footer-grid{grid-template-columns:1fr 1fr;grid-template-areas:"brand brand" "sol emp" "con soc"}
  .f-soc h4{display:block}
}

/* ---------- Celular (mobile first) ---------- */
@media (max-width:720px){
  .site-header{padding-top:10px}
  .site-header .nav{height:58px;padding:0 8px 0 20px}
  .site-header .brand img{height:26px}

  /* ritmo e tipografia */
  .section{padding:56px 0}
  .section-head,.section-head.center{margin-bottom:28px}
  h2{font-size:clamp(1.9rem,8.2vw,2.25rem);line-height:1.08}
  .t-d{display:none}
  .t-m{display:inline}
  .lead{font-size:1rem;line-height:1.6}
  .eyebrow{justify-content:center;font-size:.72rem;margin-bottom:14px}
  .hx .lead{font-size:1rem;margin-bottom:26px}
  .hx-kicker{font-size:.66rem!important;letter-spacing:.1em!important}
  .marquee{padding:20px 0}

  /* botões: largura cheia, rótulo e seta juntos no centro */
  main .btn:not(.btn--sm),.cta-band .btn{--h:52px;width:100%;max-width:400px;margin-inline:auto;justify-content:center;font-size:.98rem}
  main .btn:not(.btn--sm) .btn-label{flex:none}
  main .btn--primary,.cta-band .btn--primary{padding:0 8px 0 22px}
  main .btn--wa{display:flex;padding:0 20px}
  .btn-row{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:400px;margin-inline:auto}
  .btn-row .btn{width:100%;margin:0}
  .hx .trust-line{font-size:.8rem}

  /* seções com mídia: texto, mídia e só depois o botão */
  .vsplit,.hub,.region{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
  .vsplit>div:first-child,.hub>div:first-child,.region>div:first-child{display:contents}
  .vsplit>*,.hub>*,.region>*{max-width:100%}
  .vsplit .lead,.hub .lead,.region .lead{margin-inline:auto;margin-bottom:0}
  .duo ul,.step ul{text-align:left}
  .vsteps,.hub .hub-list,.region .hub-list{width:100%;max-width:100%;margin:24px 0 0;padding:20px;text-align:left}
  .hub-list{grid-template-columns:1fr!important;gap:14px!important}
  .sla{justify-content:center;margin:20px 0 0!important}
  .vsplit>.vplayer{order:10;margin-top:40px;width:min(100%,300px)}
  .hub>.reels{order:10;margin-top:48px;width:100%;height:390px}
  .region>div:last-child{order:10;margin-top:40px;width:100%}
  .vsplit .btn,.hub .btn,.region .btn{order:20;margin-top:44px}

  /* cards */
  .duo{text-align:left;padding:26px 22px}
  .duo ul,.step ul{width:auto;margin-inline:0}
  .duo h3{font-size:1.3rem}
  .duo ul{gap:10px}
  .duo li{font-size:.95rem}
  .duo .big-note{text-align:left}
  .step{display:block;text-align:left;padding:26px 22px}
  .step .letter{font-size:4.6rem}
  .step p,.step li{font-size:.95rem}
  .callout{flex-direction:column;align-items:flex-start;text-align:left;padding:22px}
  .map-note{text-align:center}
  .faq summary{font-size:1rem}
  .cta-band{text-align:center;padding:40px 22px;border-radius:28px}
  .cta-band p{font-size:.98rem}
  /* hero: cards flutuantes fora das informações do celular */
  .hx-stage{-webkit-mask:none;mask:none;height:430px;margin-top:36px}
  .phone{top:34px;-webkit-mask:linear-gradient(180deg,#000 50%,transparent 76%);mask:linear-gradient(180deg,#000 50%,transparent 76%)}
  .fc-2,.fc-3{top:0;bottom:auto;transform:none!important}
  .fc-2 .fcard-in,.fc-3 .fcard-in.chipx{border-radius:18px!important}
  .fc-2{left:16px;right:auto;width:calc(50% - 21px)}
  .fc-3{right:16px;left:auto;width:calc(50% - 21px)}
  .fc-2 .fcard-in,.fc-3 .fcard-in{width:100%!important;overflow:hidden}
  .fc-2 .fcard-in>div,.fc-3 .fcard-in>div{min-width:0}
  .fc-2 small,.fc-3 small,.fc-3 .fcard-in>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fc-2 .fcard-in,.fc-3 .fcard-in{height:62px;box-sizing:border-box;align-items:center;padding:8px 12px!important;border-radius:16px;background:rgba(22,18,16,.86)}
  .fc-2 .fcard-in{display:flex;gap:9px}
  .fc-2 .ring{width:34px;height:34px;flex:none}
  .fc-2 small{font-size:.6rem;line-height:1.2}
  .fc-2 .big{font-size:1.15rem;margin:2px 0 0}
  .fc-3 .fcard-in{display:flex;gap:8px;font-size:.7rem;line-height:1.25}
  .fc-3 .av{width:28px;height:28px;font-size:.62rem;flex:none}
  .fc-3 small{font-size:.58rem;line-height:1.25}
  /* hub: selo centralizado embaixo dos vídeos */
  .hub-chip.h1{left:50%;right:auto;top:318px;bottom:auto;margin-left:-112px;width:224px}
  .nav-open .nav-links a{justify-content:center;text-align:center}

  /* rodapé em duas colunas, alinhado à esquerda */
  .site-footer{padding:48px 0 100px}
  .footer-grid{grid-template-columns:1fr 1fr;grid-template-areas:"brand brand" "sol emp" "con con" "soc soc";column-gap:20px;row-gap:32px;text-align:left}
  .footer-brand img{height:30px;margin:0 0 12px}
  .footer-brand p{margin:0;font-size:.9rem}
  .footer-grid h4{margin-bottom:14px}
  .footer-grid a{font-size:.92rem}
  .social{justify-content:flex-start}
  .footer-cta{display:block;margin-top:32px}
  .footer-cta .btn{width:100%;--h:54px;justify-content:center}
  .footer-cta .btn .btn-label{flex:none}
  .footer-bottom{flex-direction:column;align-items:flex-start;text-align:left;gap:6px;margin-top:32px}

  /* CTA fixo */
  .mobile-cta.sticky-cta{left:12px!important;right:12px!important;width:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:12px;padding:8px 8px 8px 18px;transform:translateY(170%)}
  .mobile-cta.sticky-cta.show{transform:none}
  .sticky-cta p{font-size:.9rem;line-height:1.25}
  .sticky-cta .sc-long{display:none}
  .sticky-cta .sc-short{display:inline}
  .mobile-cta.sticky-cta .btn{width:auto;height:46px;padding:0 5px 0 16px;gap:10px;font-size:.9rem}
  .sticky-cta .btn .btn-ico{width:34px;height:34px}
  .sticky-cta .btn .btn-label{flex:none}

  /* formulário */
  .cform-grid{grid-template-columns:1fr;gap:14px}
  .cform-head{text-align:center}
  .cform-head h1,.cform-head h2{padding:0 36px;font-size:1.5rem}
  .cform-head p{font-size:.95rem;margin-bottom:22px}
  .cform-btn .btn-label{flex:none!important;padding-left:0}
  .apm{padding:0;place-items:stretch}
  .apm-panel{width:100%;max-height:none;height:100dvh;border-radius:0;border:0;padding:24px 18px 28px}
  .apm-x{top:16px;right:14px}
}

/* O que a F3 entrega (31/out/2026) */
.ent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.ent{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:20px;padding:24px;transition:border-color .3s,transform .3s}
.ent:hover{border-color:rgba(81,249,204,.35);transform:translateY(-2px)}
.ent-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--mint-soft);border:1px solid rgba(81,249,204,.22);margin-bottom:16px}
.ent-ico svg{width:22px;height:22px;color:var(--mint);stroke:currentColor}
.ent h3{font-size:1.15rem;line-height:1.25;margin:0}
.ent p{color:var(--ink-2);font-size:.97rem;line-height:1.5;margin-top:8px}
.ent-tag{display:inline-block;vertical-align:2px;margin-left:6px;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:99px;border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap}
.ent-note{margin-top:22px;color:var(--ink-2);font-size:.95rem;border-left:2px solid var(--mint);padding-left:12px;max-width:760px}
.ent-cta{margin-top:26px}
@media (max-width:900px){.ent-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.ent-grid{grid-template-columns:1fr}.ent{padding:20px}.ent-cta .btn{width:100%;justify-content:center}}