/*
Theme Name: Biomig Redesign
Theme URI: https://biomigbrasil.com.br
Author: Biomig Brasil
Description: Tema institucional da Biomig — navy + verde-limão extraídos da marca, com carrossel de hero, selos de certificação, depoimentos, mapa de cobertura nacional e formulário de contato. Slides do hero, depoimentos e FAQ são editáveis pelo wp-admin (menus "Slides do Hero", "Depoimentos" e "Perguntas Frequentes"). Estatísticas e dados de contato ficam em Aparência → Personalizar.
Version: 2.30.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: biomig
*/

/* Inter auto-hospedada (WOFF2 variável, um arquivo cobre os pesos 300–900).
   Elimina o Google Fonts: sem enviar o IP do visitante ao Google (LGPD) e
   sem folha de estilo externa bloqueando a primeira pintura. */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:300 900;
  font-display:swap;
  src:url('assets/fonts/inter-latin-var.woff2') format('woff2');
}

  :root{
    /* paleta real, agora com as DUAS cores extraídas por amostragem de pixel do logo oficial:
       navy #003048 (90% da logo) + verde-limão #c8d40c (~5-6% da logo, o acento de marca) */
    /* Nomes "legados", usados pelas páginas internas (Produtos, Assistência
       Técnica). Os VALORES foram realinhados com a paleta nova do site
       (ver o :root do bloco REDESIGN, mais abaixo), para que todas as páginas
       usem as mesmas cores, tipografia e arredondamentos — sem precisar
       reescrever os templates internos. */
    --navy:#0d3448;
    --navy-2:#123f56;   /* = --navy-mid   */
    --navy-3:#091e2b;   /* = --navy-deep  */
    --navy-l:#1a5570;   /* = --navy-light */
    --lime:#c3d40f;
    --lime-d:#94a30b;   /* = --lime-muted */
    --lime-l:#f1f6d3;   /* tom claro do verde-limão, alinhado ao novo */
    --tint:#f8f9fa;     /* = --off-white  */
    --paper:#ffffff;    /* = --white      */
    --cream:#f8f9fa;    /* = --off-white (antes era um bege quente) */
    --ink:#091e2b;      /* = --navy-deep  */
    --text:#3a3f47;
    --muted:#6b7280;    /* = --text-light */
    --line:#e5e7eb;     /* = --border (antes era um bege quente) */
    --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
    --disp:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
    --maxw:1200px;      /* = --max-w */
    --r:16px;           /* = --radius */
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  [id]{scroll-margin-top:88px}
  body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased;font-size:16.5px}
  img,svg{max-width:100%;display:block}
  a{color:inherit}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  h1,h2,h3{margin:0;font-weight:800;color:var(--navy);font-family:var(--disp);letter-spacing:-.01em}
  .muted{color:var(--muted)}
  .eyebrow{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime-d);font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--disp)}
  .eyebrow::before{content:'';width:18px;height:2px;background:var(--lime);display:inline-block;border-radius:2px}
  .icon{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


  .topbar{background:var(--ink);color:rgba(255,255,255,.7);font-size:12px}
  .topbar .wrap{display:flex;justify-content:flex-end;gap:16px;padding:7px 24px;align-items:center}
  .topbar a{text-decoration:none;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:5px}
  .topbar a:hover{color:var(--lime)}
  .topbar .langs{display:flex;gap:10px;margin-left:4px;padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}
  .topbar .langs a.on{color:var(--lime);font-weight:700}

  header.site{position:sticky;top:0;z-index:50;background:rgba(255,254,254,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .2s}
  header.site.scrolled{box-shadow:0 6px 24px rgba(13,52,72,.08)}
  .nav-row{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:var(--maxw);margin:0 auto}
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none}
  .logo img{height:34px;width:auto}
  nav.primary{display:flex;gap:22px;align-items:center}
  nav.primary li{list-style:none;margin:0;padding:0}
  nav.primary a{font-size:13.5px;text-decoration:none;color:var(--text);font-weight:600}
  nav.primary a:not(.nav-cta){position:relative}
  nav.primary a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--lime);transform:scaleX(0);transition:transform .18s;border-radius:2px}
  nav.primary a:not(.nav-cta):hover::after{transform:scaleX(1)}
  nav.primary a:hover{color:var(--navy)}
  .nav-cta{background:var(--navy);color:#fff!important;padding:9px 18px;border-radius:6px;font-size:13px!important;display:inline-flex;align-items:center;gap:6px}
  .nav-cta:hover{background:var(--navy-2)!important}
  .nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:18px;cursor:pointer;color:var(--navy)}
  @media (max-width:1140px){
    nav.primary{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--paper);flex-direction:column;align-items:flex-start;padding:80px 28px 28px;gap:18px;transform:translateX(100%);transition:transform .25s ease;font-size:15px;z-index:60;overflow-y:auto}
    nav.primary.open{transform:translateX(0)}
    .nav-toggle{display:block;position:relative;z-index:61}
  }

  .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:7px;font-size:13.5px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;font-family:var(--disp)}
  .btn:hover{transform:translateY(-2px)}
  .btn-lime{background:var(--lime);color:var(--navy-3);box-shadow:0 12px 26px rgba(195,212,15,.35)}
  .btn-lime:hover{background:#d3e51a}
  .btn-white{background:#fff;color:var(--navy);box-shadow:0 10px 24px rgba(0,0,0,.12)}
  .btn-white:hover{background:var(--tint)}
  .btn-outline-w{border-color:rgba(255,255,255,.4);color:#fff}
  .btn-outline-w:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}
  .btn-navy{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(13,52,72,.22)}
  .btn-navy:hover{background:var(--navy-2)}

  /* ============ HERO / CARROSSEL ============ */
  .hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}
  .hero-slides{position:relative;min-height:520px}
  @media (max-width:980px){.hero-slides{min-height:640px}}
  .hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .5s ease;background:linear-gradient(135deg,var(--navy),var(--navy-2) 55%,var(--navy-3))}
  .hero-slide.active{opacity:1!important;pointer-events:auto;position:relative}
  .hero-inner{max-width:var(--maxw);margin:0 auto;padding:88px 24px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:440px}
  @media (max-width:980px){.hero-inner{grid-template-columns:1fr;padding-top:56px;min-height:auto}}
  .hero-eyebrow{color:var(--lime)}
  .hero-eyebrow::before{background:var(--lime)}
  .hero h1{font-size:clamp(28px,4vw,46px);line-height:1.16;color:#fff}
  .hero h1 .hl{color:var(--lime)}
  .hero p.lede{color:rgba(255,255,255,.8);font-size:16.5px;max-width:480px;margin:16px 0 0}
  .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
  .hero-art{position:relative;height:340px;border-radius:var(--r);overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
  @media (max-width:980px){.hero-art{height:220px;margin-top:8px}}
  .hero-art img{width:100%;height:100%;object-fit:cover;display:block}
  .hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,40,56,.5) 0%,rgba(10,40,56,.05) 38%,rgba(10,40,56,0) 62%);pointer-events:none}

  .hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background .15s}
  .hero-nav:hover{background:rgba(195,212,15,.3);border-color:var(--lime)}
  .hero-nav.prev{left:18px}
  .hero-nav.next{right:18px}
  @media (max-width:700px){.hero-nav{display:none}}
  .hero-dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:9px;z-index:5}
  .hero-dots button{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:background .15s,width .15s}
  .hero-dots button.active{background:var(--lime);width:22px;border-radius:5px}

  .hero-wave{display:block;width:100%;height:auto;position:relative;z-index:2}

  .credibilidade{background:#fff;position:relative;margin-top:-1px}
  .cred-card{max-width:var(--maxw);margin:-46px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 60px rgba(13,52,72,.1);display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}
  @media (max-width:860px){.cred-card{grid-template-columns:repeat(2,1fr)}}
  .cred-item{padding:26px 20px;text-align:center;border-right:1px solid var(--line)}
  .cred-item:last-child{border-right:none}
  @media (max-width:860px){.cred-item:nth-child(2n){border-right:none} .cred-item{border-bottom:1px solid var(--line)} .cred-item:nth-last-child(-n+2){border-bottom:none}}
  .cred-item b{display:block;font-family:var(--disp);font-size:clamp(24px,3vw,30px);color:var(--navy)}
  .cred-item span{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}

  section{padding:96px 24px 88px}
  .section-head{max-width:680px;margin:0 auto 48px;text-align:center}
  .section-head h2{font-size:clamp(24px,3.2vw,34px)}
  .section-head p{margin-top:12px;color:var(--muted);font-size:15.5px}
  .alt{background:var(--cream)}

  .pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;max-width:var(--maxw);margin:0 auto}
  @media (max-width:960px){.pilares{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:560px){.pilares{grid-template-columns:1fr}}
  .pilar{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}
  .pilar::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--lime)}
  .pilar:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(13,52,72,.1);border-color:transparent}
  .pilar .ic{width:46px;height:46px;border-radius:11px;background:var(--navy);color:var(--lime);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .pilar .ic .icon{width:22px;height:22px}
  .pilar h3{font-size:15.5px}
  .pilar p{font-size:14.5px;color:var(--text);margin:9px 0 0}
  .pilar-link{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:13px;font-weight:700;color:var(--lime-d);text-decoration:none}
  .pilar-link:hover{text-decoration:underline}
  .pilar-link .icon{width:12px;height:12px}

  .catalogo{max-width:var(--maxw);margin:56px auto 0;background:var(--navy);border-radius:var(--r);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#fff}
  .catalogo .txt h3{color:#fff;font-size:19px}
  .catalogo .txt p{color:rgba(255,255,255,.72);font-size:13.5px;margin:8px 0 0}
  .catalogo .ic{width:52px;height:52px;border-radius:12px;background:var(--lime);display:flex;align-items:center;justify-content:center;color:var(--navy-3);flex-shrink:0}
  .catalogo .left{display:flex;gap:18px;align-items:center}

  /* ============ FILTRO/BUSCA DE PRODUTOS (página Produtos) ============ */
  .produtos-filtro-inner{max-width:var(--maxw);margin:0 auto;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}
  .produtos-search{position:relative;flex:1 1 260px;max-width:360px}
  .produtos-search .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
  .produtos-search input{width:100%;box-sizing:border-box;padding:11px 14px 11px 38px;border-radius:999px;border:1px solid var(--line);font-family:var(--sans);font-size:14px;color:var(--ink);background:#fff}
  .produtos-search input:focus{outline:none;border-color:var(--lime-d)}
  .produtos-cats{display:flex;gap:8px;flex-wrap:wrap}
  .cat-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;color:var(--navy);cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:var(--sans)}
  .cat-pill:hover{border-color:var(--lime-d)}
  .cat-pill.active{background:var(--navy);border-color:var(--navy);color:#fff}
  .produtos-empty{max-width:var(--maxw);margin:18px auto 0;text-align:center;color:var(--muted);font-size:14px}
  .produtos-count{max-width:var(--maxw);margin:14px auto 0;text-align:center;color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.03em;min-height:1em}

  /* ============ VÍDEO INSTITUCIONAL (novo) ============ */
  .video-sec{background:var(--navy-3);color:#fff}
  .video-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
  @media (max-width:900px){.video-grid{grid-template-columns:1fr}}
  .video-sec h2{color:#fff}
  .video-sec .eyebrow{color:var(--lime)}
  .video-sec .eyebrow::before{background:var(--lime)}
  .video-sec p{color:rgba(255,255,255,.72);font-size:15px;margin-top:14px;max-width:440px}
  .video-frame{display:block;position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:
      radial-gradient(circle at 30% 30%, rgba(195,212,15,.35), transparent 55%),
      linear-gradient(150deg,var(--navy),var(--navy-2));
    border:1px solid rgba(255,255,255,.12);cursor:pointer}
  .video-frame .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--lime);color:var(--navy-3);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(0,0,0,.35);transition:transform .15s}
  .video-frame:hover .play{transform:translate(-50%,-50%) scale(1.08)}
  .video-frame .play .icon{width:26px;height:26px;margin-left:3px}
  .video-frame .caption{position:absolute;left:20px;bottom:16px;font-size:12.5px;color:rgba(255,255,255,.7);background:rgba(0,0,0,.35);padding:5px 10px;border-radius:5px}
  .video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
  .video-frame.playing .play,.video-frame.playing .caption{display:none}
  .video-frame.playing{cursor:default}
  .video-fallback-link{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:rgba(255,255,255,.75);font-size:11.5px;text-align:center;padding:6px 10px;margin:0}
  .video-fallback-link a{color:var(--lime)}


  .sobre-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
  @media (max-width:900px){.sobre-grid{grid-template-columns:1fr}}
  .sobre-art{position:relative;aspect-ratio:1/1}
  .sobre-art-photo{width:100%;height:100%;border-radius:var(--r);overflow:hidden;position:relative}
  .sobre-art-photo img{width:100%;height:100%;object-fit:cover;display:block}
  .sobre-art-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,40,56,.55) 0%,rgba(10,40,56,.05) 45%,rgba(10,40,56,0) 65%);pointer-events:none}
  .sobre-badge{position:absolute;left:-18px;bottom:-18px;background:#fff;border-radius:10px;box-shadow:0 16px 36px rgba(13,52,72,.16);padding:16px 20px;display:flex;align-items:center;gap:12px}
  .sobre-badge .ic{width:36px;height:36px;border-radius:9px;background:var(--lime);display:flex;align-items:center;justify-content:center;color:var(--navy-3)}
  .sobre-badge b{display:block;font-family:var(--disp);font-size:19px;color:var(--navy)}
  .sobre-badge span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
  .sobre p{font-size:16px}

  .cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--maxw);margin:0 auto}
  .prod-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
  .chip{background:var(--tint);color:var(--navy);font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;white-space:nowrap}
  @media (max-width:860px){.cards3{grid-template-columns:1fr}}
  .card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 26px;position:relative;overflow:hidden}
  .card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lime)}
  .card .ic{width:42px;height:42px;border-radius:10px;background:var(--navy);color:var(--lime);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .card .ic .icon{width:20px;height:20px}
  .card h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-l)}
  .card p{font-size:15.5px;color:var(--text);margin:12px 0 0}

  /* réplica fiel do layout real do site (ícone + rótulo, grid, sem card/aba —
     confirmado via computed style: display:grid, fundo transparente, título em
     navy #0d3448 na 1ª leva e verde rgb(183,205,11) na 2ª leva, uppercase) */
  .vc-plain{max-width:var(--maxw);margin:0 auto}
  .vc-subhead{font-size:11.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 22px;text-align:center}
  .vc-subhead.second{margin-top:48px}
  .vc-row{display:grid;grid-template-columns:repeat(6,1fr);gap:28px 14px;text-align:center}
  .vc-row.cultura{grid-template-columns:repeat(5,1fr)}
  @media (max-width:860px){.vc-row{grid-template-columns:repeat(3,1fr)} .vc-row.cultura{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:520px){.vc-row{grid-template-columns:repeat(2,1fr)} .vc-row.cultura{grid-template-columns:repeat(2,1fr)}}
  .vc-plain-item{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--tint);border-radius:var(--r);padding:26px 16px;transition:transform .18s,box-shadow .18s}
  .vc-plain-item:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(13,52,72,.1)}
  .vc-plain-item .ic{width:48px;height:48px;border-radius:50%;background:var(--navy);color:var(--lime);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .vc-plain-item .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .vc-plain-item span{font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.3}
  .vc-plain-item.green{background:var(--navy)}
  .vc-plain-item.green:hover{box-shadow:0 16px 34px rgba(13,52,72,.35)}
  .vc-plain-item.green .ic{background:var(--lime);color:var(--navy-3)}
  .vc-plain-item.green span{color:#fff;text-transform:uppercase;letter-spacing:.03em;font-size:12.5px}

  .esg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--maxw);margin:0 auto}
  @media (max-width:860px){.esg-grid{grid-template-columns:1fr}}
  .esg-card{border-radius:var(--r);padding:30px 26px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--lime)}
  .esg-card .ic{width:38px;height:38px;border-radius:9px;background:var(--navy);color:var(--lime);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
  .esg-card .ic .icon{width:18px;height:18px}
  .esg-card h3{font-size:16.5px}
  .esg-card p{font-size:14.5px;color:var(--text);margin:10px 0 0}

  /* ============ COBERTURA NACIONAL — mapa real do Brasil (SVG estilizado) ============ */
  .cobertura{background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff}
  .cob-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}
  @media (max-width:900px){.cob-grid{grid-template-columns:1fr}}
  .cobertura h2{color:#fff}
  .cobertura p{color:rgba(255,255,255,.75);font-size:15px;margin-top:14px;max-width:440px}
  .cobertura .eyebrow{color:var(--lime)}
  .cobertura .eyebrow::before{background:var(--lime)}
  .legenda{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap}
  .legenda .it{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.75)}
  .legenda .sw{width:10px;height:10px;border-radius:50%}
  .map-wrap{position:relative}
  .map-wrap svg{width:100%;height:auto}
  .map-pt{cursor:pointer}
  .map-pt circle.pulse{animation:pulse 2.2s ease-out infinite}
  @keyframes pulse{0%{opacity:.55;r:5}70%{opacity:0}100%{opacity:0;r:16}}

  .contato-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
  @media (max-width:900px){.contato-grid{grid-template-columns:1fr}}
  .contato-info{margin-top:24px;display:flex;flex-direction:column;gap:16px}
  .contato-info div{display:flex;gap:13px;align-items:center;font-size:15px}
  .contato-info .ic{width:36px;height:36px;border-radius:9px;background:var(--navy);color:var(--lime);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .contato-info .ic .icon{width:17px;height:17px}
  .contato-right{display:flex;flex-direction:column;gap:20px}
  .form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;box-shadow:0 20px 50px rgba(13,52,72,.06)}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  @media (max-width:480px){.field-row{grid-template-columns:1fr}}
  .field{margin-bottom:16px}
  .field label{display:block;font-size:11.5px;font-weight:700;color:var(--navy-2);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-family:var(--disp)}
  .field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:6px;font-family:var(--sans);font-size:14px;transition:border-color .15s}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--lime-d)}
  .field textarea{resize:vertical;min-height:80px}
  .form-card .btn{width:100%;justify-content:center;margin-top:6px}

  footer{background:var(--ink);color:rgba(255,255,255,.68);padding:56px 24px 26px}
  .foot-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
  @media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}
  footer h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-family:var(--disp)}
  footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:13.5px}
  footer a{text-decoration:none;color:rgba(255,255,255,.68)}
  footer a:hover{color:var(--lime)}
  .foot-social{display:flex;gap:10px;margin-top:16px}
  .foot-social a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
  .foot-social a:hover{background:var(--lime);border-color:var(--lime);color:var(--navy-3)}
  .foot-social .icon{width:14px;height:14px}
  .foot-bottom{max-width:var(--maxw);margin:40px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,.45)}

  /* ============ SELOS DE CONFIANÇA ============ */
  .selos{background:#fff;padding:64px 24px 88px}
  .selos-note{text-align:center;font-size:11.5px;color:var(--muted);max-width:520px;margin:28px auto 0}

  /* ============ MARCAS PARCEIRAS ============ */
  .marcas{background:var(--cream)}
  .marcas .section-head{margin-bottom:36px}
  .marcas-row{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  @media (max-width:860px){.marcas-row{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:520px){.marcas-row{grid-template-columns:repeat(2,1fr)}}
  .marca-slot{background:#fff;border:1px dashed var(--line);border-radius:9px;height:64px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);text-align:center;padding:6px}
  .marca-slot.real{border:1px solid var(--line);padding:10px 14px}
  .marca-logo{width:100%;height:100%;max-width:150px}

  /* ============ DEPOIMENTOS ============ */
  .depoimentos-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media (max-width:900px){.depoimentos-grid{grid-template-columns:1fr}}
  .depo-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;display:flex;flex-direction:column;gap:16px}
  .depo-card .q{width:32px;height:32px;color:var(--lime-d)}
  .depo-card p.txt{font-size:15px;color:var(--text);flex:1;font-style:italic}
  .depo-who{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
  .depo-who .av{width:38px;height:38px;border-radius:50%;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;font-family:var(--disp)}
  .depo-who b{display:block;font-size:13px;color:var(--navy)}
  .depo-who span{font-size:11.5px;color:var(--muted)}
  .depo-placeholder-note{max-width:var(--maxw);margin:24px auto 0;text-align:center;font-size:11.5px;color:var(--muted)}


  /* ============ FAQ ============ */
  .faq-wrap{max-width:760px;margin:0 auto}
  .faq-item{border-bottom:1px solid var(--line)}
  .faq-q{width:100%;text-align:left;background:none;border:none;padding:20px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-family:var(--disp);font-weight:700;font-size:14.5px;color:var(--navy)}
  .faq-q .icon{width:18px;height:18px;color:var(--navy-l);flex-shrink:0;transition:transform .2s}
  .faq-item.open .faq-q .icon{transform:rotate(180deg)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}
  .faq-item.open .faq-a{max-height:220px}
  .faq-a p{margin:0 4px 20px;font-size:14.5px;color:var(--text);line-height:1.6}

  /* ============ SELOS COMO EMBLEMAS (logo-style) ============ */
  .selos-row{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:center;gap:52px;flex-wrap:wrap;align-items:center;row-gap:32px}
  .selo-logo{display:flex;align-items:center;justify-content:center}
  .selo-logo.badge{height:76px}
  .selo-logo.badge svg{height:100%;width:auto;max-width:210px}

  /* ============ CHATBOT "BIO" ============ */

  ::selection{background:var(--lime);color:var(--navy-3)}

  /* ============ SCROLL REVEAL (carregamento ao rolar, como no site real) ============ */
  .section-head,.pilar,.card,.esg-card,.depo-card,.vc-plain-item,.marca-slot,.selo-logo,.faq-item,.cred-item,.catalogo,.sobre-grid>div,.video-grid>div,.cob-grid>div,.contato-grid>div,.tech-passo,.modal-card,.pecas-card{
    opacity:0;transform:scale(.94) translateY(18px);
    transition:opacity .7s cubic-bezier(.22,.68,0,1.01),transform .7s cubic-bezier(.22,.68,0,1.01);
  }
  .section-head.in,.pilar.in,.card.in,.esg-card.in,.depo-card.in,.vc-plain-item.in,.marca-slot.in,.selo-logo.in,.faq-item.in,.cred-item.in,.catalogo.in,.sobre-grid>div.in,.video-grid>div.in,.cob-grid>div.in,.contato-grid>div.in,.tech-passo.in,.modal-card.in,.pecas-card.in{
    opacity:1;transform:scale(1) translateY(0);
  }
  @media (prefers-reduced-motion: reduce){
    .section-head,.pilar,.card,.esg-card,.depo-card,.vc-plain-item,.marca-slot,.selo-logo,.faq-item,.cred-item,.catalogo,.sobre-grid>div,.video-grid>div,.cob-grid>div,.contato-grid>div,.tech-passo,.modal-card,.pecas-card{opacity:1;transform:none;transition:none}
  }

/* Mensagens de retorno do formulário de contato (novo, específico do tema WP) */
.form-msg{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;font-weight:600}
.form-msg-ok{background:var(--lime-l);color:var(--lime-d);border:1px solid var(--lime)}
.form-msg-erro{background:#fdeceb;color:#a3281c;border:1px solid #f3b6b0}


  /* ============ PÁGINA BIOMIG TECH (assistência técnica) ============ */
  .tech-processo{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:var(--maxw);margin:0 auto}
  @media (max-width:900px){.tech-processo{grid-template-columns:1fr 1fr}}
  .tech-passo{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 18px}
  .tech-passo .num{position:absolute;top:-12px;right:16px;background:var(--navy);color:#fff;font-family:var(--disp);font-weight:800;font-size:12px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}
  .tech-passo .ic{width:40px;height:40px;border-radius:10px;background:var(--lime-l);color:var(--lime-d);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .tech-passo h3{font-size:15.5px}
  .tech-passo p{font-size:13px;color:var(--muted);margin:6px 0 0}

  .tech-modalidades{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--maxw);margin:0 auto}
  @media (max-width:900px){.tech-modalidades{grid-template-columns:1fr}}
  .modal-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
  .modal-card .ic{width:44px;height:44px;border-radius:10px;background:var(--navy);color:var(--lime);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
  .modal-card h3{font-size:17px}
  .modal-card p{font-size:13.5px;color:var(--muted);margin:8px 0 0}

  .pecas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:var(--maxw);margin:0 auto}
  @media (max-width:900px){.pecas-grid{grid-template-columns:1fr}}
  .pecas-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
  .pecas-card h3{font-size:15px;display:flex;align-items:center;gap:10px}
  .pecas-card h3 .ic{width:32px;height:32px;border-radius:8px;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .pecas-card ul{margin:14px 0 0;padding-left:0;list-style:none}
  .pecas-card li{font-size:13.5px;color:var(--text);padding:6px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}
  .pecas-card li:first-child{border-top:none}
  .pecas-card li .icon{width:14px;height:14px;color:var(--lime-d);flex-shrink:0}

  .whats-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:18px 20px;margin-top:22px;display:flex;align-items:center;gap:14px}
  .whats-box .ic{width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--navy-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .whats-box b{display:block;font-size:14px}
  .whats-box span{font-size:12.5px;color:rgba(255,255,255,.65)}

  .badge-note{background:#fff3cd;color:#7a5c00;font-size:12.5px;padding:10px 16px;border-radius:8px;max-width:var(--maxw);margin:0 auto;text-align:center}

  /* ============ TABELA COMPARATIVA DE PLANOS ============ */
  .plans-table-wrap{max-width:760px;margin:32px auto 0;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
  .plans-table{width:100%;border-collapse:collapse;font-size:13.5px}
  .plans-table th,.plans-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line)}
  .plans-table thead th{font-family:var(--disp);font-weight:800;color:var(--navy);font-size:15px;background:var(--tint)}
  .plans-table .plans-th-item{text-align:left;font-weight:600;color:var(--text);white-space:nowrap}
  .plans-table thead .plans-th-item{background:transparent}
  .plans-table td.plans-destaque,.plans-table th.plans-destaque{background:var(--lime-l)}
  .plans-table tbody tr:last-child td{border-bottom:none}
  .plans-yes{color:#1c8a3c}
  .plans-no{color:var(--muted)}
  .plans-cta-row td{padding-top:16px;padding-bottom:16px}
  @media (max-width:640px){.plans-table{font-size:12.5px}.plans-table th,.plans-table td{padding:10px 8px}}

/* ============ CONTADOR DE IMPACTO (estimativa) ============ */
.impacto{background:var(--navy);padding:56px 24px;text-align:center}
.impacto-inner{max-width:640px;margin:0 auto}
.impacto-inner .eyebrow{color:var(--lime)}
.impacto-num{font-family:var(--disp);font-weight:800;font-size:clamp(40px,7vw,64px);color:#fff;line-height:1.05;margin:10px 0 6px;letter-spacing:-.01em}
.impacto-label{color:#cfd6e6;font-size:14.5px;margin:0}
.impacto-est{color:#8d97b3;font-style:italic;font-size:12.5px}
.impacto-rate{color:var(--lime);font-family:var(--disp);font-weight:700;font-size:14px;margin:8px 0 0}
.impacto-breakdown{color:#8d97b3;font-size:12px;margin:10px 0 0}


/* ══════════════════════════════════════════════════════════════════════
   REDESIGN 2.0 — sistema visual da home, portado do mockup index.html
   (fonte Inter, hero de imagem, animações fluidas). Vem por último e conquista
   os componentes da HOME por nomes de classe NOVOS (.service-card, .section-title,
   .contact-*, .stats-*, etc.). O CSS antigo acima permanece intacto para as
   páginas internas (Produtos, Biomig Tech, Certificados), que usam classes e
   variáveis legadas (.pilar, .section-head, --navy-3, --r, --disp...).
   ══════════════════════════════════════════════════════════════════════ */
:root{
  --navy-deep:#091e2b;
  --navy-mid:#123f56;
  --navy-light:#1a5570;
  --lime-glow:#d4e61a;
  --lime-soft:rgba(195,212,15,.12);
  --lime-muted:#94a30b;
  --white:#ffffff;
  --off-white:#f8f9fa;
  --text-light:#6b7280;
  --text-lighter:#9ca3af;
  --border:#e5e7eb;
  --border-light:#f0f1f3;
  --glass:rgba(255,255,255,.72);
  --glass-border:rgba(255,255,255,.2);
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);
  --shadow-md:0 8px 30px rgba(13,52,72,.08);
  --shadow-lg:0 20px 60px rgba(13,52,72,.12);
  --shadow-xl:0 32px 80px rgba(13,52,72,.16);
  --shadow-lime:0 12px 40px rgba(195,212,15,.3);
  --radius:16px;
  --radius-sm:10px;
  --radius-xs:6px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --max-w:1200px;
  --transition:cubic-bezier(.4,0,.2,1);
}

/* fonte Inter globalmente (páginas internas ficam consistentes; títulos legados
   que pedem var(--disp) seguem em Manrope) */
body{font-family:var(--font);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button{font-family:var(--font)}

/* ═══════════ ANIMATIONS ═══════════ */
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.2);opacity:0}}
@keyframes rotate-slow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes blob{0%,100%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}}
@keyframes hero-kenburns{from{transform:scale(1.05)}to{transform:scale(1)}}

.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s var(--transition),transform .8s var(--transition)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .8s var(--transition),transform .8s var(--transition)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .8s var(--transition),transform .8s var(--transition)}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .8s var(--transition),transform .8s var(--transition)}
.reveal-scale.visible{opacity:1;transform:scale(1)}
.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}

/* ═══════════ HEADER (novo, global) ═══════════ */
/* Minimalista e translúcido: vidro leve no topo (sem barra sólida) e, ao
   rolar, um vidro claro discreto com um fio de borda — nada de sombra pesada. */
.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;transition:padding .45s var(--transition),background .45s var(--transition),border-color .45s var(--transition)}
.header::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(9,30,43,.34),rgba(9,30,43,.06) 60%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent);opacity:1;transition:opacity .45s var(--transition);pointer-events:none}
.header.scrolled::before{opacity:0}
.header{border-bottom:1px solid transparent}
.header.scrolled{background:rgba(255,255,255,.62);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);border-bottom-color:rgba(13,52,72,.09);padding:9px 0;box-shadow:none}
.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between}
.logo-link{display:flex;align-items:center;gap:10px;z-index:101}
/* logo um pouco maior (encolhe suavemente quando o header fica compacto) */
.logo-link img{height:52px;width:auto;transition:transform .3s var(--transition),filter .4s var(--transition),height .3s var(--transition)}
.header.scrolled .logo-link img{height:44px}
.header:not(.scrolled) .logo-link img{filter:brightness(0) invert(1)}
.logo-link:hover img{transform:scale(1.05)}
@media (max-width:640px){.logo-link img{height:42px}.header.scrolled .logo-link img{height:38px}}

/* menu minimalista: tipografia leve, sem caixas — só um fio verde-limão que
   cresce do centro no hover */
.nav{display:flex;align-items:center;gap:2px}
.nav ul{display:contents;list-style:none;margin:0;padding:0}
.nav li{display:contents;list-style:none;margin:0;padding:0}
.nav a{font-size:13.5px;font-weight:500;letter-spacing:.012em;color:rgba(255,255,255,.9);position:relative;padding:9px 14px;transition:color .3s var(--transition)}
.header.scrolled .nav a{color:var(--text-light)}
.nav a::after{content:'';position:absolute;bottom:2px;left:50%;right:50%;height:1.5px;background:var(--lime);border-radius:2px;transition:left .32s var(--transition),right .32s var(--transition)}
.nav a:not(.nav-cta):hover::after{left:14px;right:14px}
.nav a:not(.nav-cta):hover{color:#fff}
.header.scrolled .nav a:not(.nav-cta):hover{color:var(--navy)}
/* item da página atual */
.nav a.current-menu-item,.nav a[aria-current="page"]{color:#fff}
.nav a.current-menu-item::after,.nav a[aria-current="page"]::after{left:14px;right:14px;opacity:.55}
.header.scrolled .nav a.current-menu-item,.header.scrolled .nav a[aria-current="page"]{color:var(--navy)}
/* base do CTA — sem !important, para o estilo translúcido do header poder valer */
.nav-cta{font-size:13px;letter-spacing:.02em}
/* CTA translúcido com fio verde-limão; preenche no hover (mais específico
   que ".nav a" para preservar o formato pill) */
.nav a.nav-cta{padding:9px 20px;border-radius:50px;margin-left:14px;font-weight:600;background:rgba(195,212,15,.12);border:1px solid rgba(195,212,15,.5);color:var(--lime);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s var(--transition),color .3s var(--transition),border-color .3s var(--transition),transform .3s var(--transition)}
.nav a.nav-cta:hover{background:var(--lime);border-color:var(--lime);color:var(--navy-deep);transform:translateY(-1px);box-shadow:0 10px 26px rgba(195,212,15,.28)}
.header.scrolled .nav a.nav-cta{background:var(--lime);border-color:var(--lime);color:var(--navy-deep)}
.header.scrolled .nav a.nav-cta:hover{background:var(--lime-glow);border-color:var(--lime-glow)}
.nav-cta::after{display:none!important}
.nav-cta:hover{background:var(--lime-glow)!important;transform:translateY(-2px);box-shadow:0 16px 48px rgba(195,212,15,.4)!important;color:var(--navy-deep)!important}
.menu-toggle{display:none;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;z-index:101;color:#fff;transition:color .3s}
.header.scrolled .menu-toggle{color:var(--navy)}
.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:all .3s var(--transition)}
.menu-toggle span::before,.menu-toggle span::after{content:'';position:absolute;width:100%;height:2px;background:currentColor;border-radius:2px;transition:all .3s var(--transition)}
.menu-toggle span::before{top:-7px}
.menu-toggle span::after{bottom:-7px}
.menu-toggle.active span{background:transparent}
.menu-toggle.active span::before{top:0;transform:rotate(45deg)}
.menu-toggle.active span::after{bottom:0;transform:rotate(-45deg)}
@media (max-width:1024px){
  .menu-toggle{display:flex}
  .nav{position:fixed;inset:0;background:var(--navy-deep);flex-direction:column;justify-content:center;gap:28px;opacity:0;pointer-events:none;transition:opacity .4s var(--transition);z-index:100}
  .nav.open{opacity:1;pointer-events:auto}
  .nav a{font-size:22px;color:#fff!important;font-weight:600}
}

/* ═══════════ HERO (imagem, novo) ═══════════ */
.hero{position:relative;width:100%;background:var(--navy-deep);overflow:hidden;color:#fff}
/* 2.4:1 = exatamente a proporção dos banners gerados → encaixe perfeito,
   sem corte, sem tarja preta e sem distorção. */
.hero-carousel{position:relative;width:100%;aspect-ratio:2.4/1}
/* No celular a moldura fica mais alta e o "cover" corta só as laterais
   desfocadas, deixando a arte central grande e legível. */
@media (max-width:820px){.hero-carousel{aspect-ratio:4/3}}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--transition);pointer-events:none;background:transparent}
.hero-slide.active{opacity:1!important;pointer-events:auto;position:absolute;z-index:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-slide.active img{animation:hero-kenburns 8s ease-out both}
@media (max-width:820px){
  .hero-slide img{object-fit:cover;background:var(--navy-deep)}
  .hero-slide.active img{animation:none}
}

/* ═══════════ HERO CONSTRUÍDO EM CSS (leve, sem imagens externas) ═══════════
   Usado quando não há "Slides do Hero" com imagem cadastrados. Carrega
   instantaneamente (só gradientes + formas + texto) e mantém as 3 ideias. */
.hero--designed .hero-carousel{aspect-ratio:auto;min-height:0}
/* a altura vem do slide (não do carrossel) e o slide ativo entra no fluxo,
   assim o hero mede sempre o conteúdo — sem colapsar em nenhuma largura. */
.hero--designed .hero-slide{min-height:clamp(560px,86vh,860px);display:flex;align-items:center}
.hero--designed .hero-slide.active{position:relative}
@media (max-width:820px){.hero--designed .hero-slide{min-height:auto}}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 40%,#000,transparent 78%);mask-image:radial-gradient(ellipse 75% 65% at 50% 40%,#000,transparent 78%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);animation:blob 14s ease-in-out infinite}
.hero-orb.o1{width:560px;height:560px;top:-16%;right:-8%;background:rgba(195,212,15,.16)}
.hero-orb.o2{width:420px;height:420px;bottom:-18%;left:-6%;background:rgba(26,85,112,.55);animation-delay:-5s}
.hero-orb.o3{width:300px;height:300px;top:34%;left:34%;background:rgba(195,212,15,.07);animation-delay:-9s}
/* variação de cor por slide */
.hero-bg--1{background:radial-gradient(120% 130% at 12% 4%,rgba(195,212,15,.15),transparent 44%),radial-gradient(120% 120% at 98% 20%,rgba(26,85,112,.6),transparent 52%),linear-gradient(155deg,var(--navy-deep),var(--navy) 46%,var(--navy-mid))}
.hero-bg--2{background:radial-gradient(120% 130% at 90% 6%,rgba(195,212,15,.14),transparent 44%),radial-gradient(120% 120% at 4% 30%,rgba(26,85,112,.55),transparent 52%),linear-gradient(150deg,var(--navy),var(--navy-deep) 55%,var(--navy-mid))}
.hero-bg--3{background:radial-gradient(120% 130% at 50% 0%,rgba(195,212,15,.16),transparent 46%),radial-gradient(130% 120% at 100% 100%,rgba(26,85,112,.5),transparent 55%),linear-gradient(160deg,var(--navy-deep),var(--navy-mid) 60%,var(--navy))}
.hero-content{position:relative;z-index:2;width:100%;max-width:var(--max-w);margin:0 auto;padding:118px clamp(20px,4vw,40px) 84px}
.hero-content-inner{max-width:720px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(195,212,15,.1);border:1px solid rgba(195,212,15,.28);color:var(--lime);border-radius:50px;padding:7px 16px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hero-h1{font-size:clamp(34px,5.4vw,62px);font-weight:800;line-height:1.08;color:#fff;letter-spacing:-.03em;margin-top:24px}
.hero-h1 .hl{color:var(--lime);position:relative;white-space:nowrap}
.hero-h1 .hl::after{content:'';position:absolute;left:0;right:0;bottom:.06em;height:.14em;background:var(--lime);opacity:.4;border-radius:3px}
.hero-sub{font-size:clamp(16px,1.7vw,19px);color:rgba(255,255,255,.68);max-width:560px;margin-top:22px;line-height:1.7}
.hero-cta{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
/* entrada suave do conteúdo do slide ativo */
.hero--designed .hero-slide.active .hero-eyebrow,
.hero--designed .hero-slide.active .hero-h1,
.hero--designed .hero-slide.active .hero-sub,
.hero--designed .hero-slide.active .hero-cta{animation:heroUp .8s var(--transition) both}
.hero--designed .hero-slide.active .hero-h1{animation-delay:.08s}
.hero--designed .hero-slide.active .hero-sub{animation-delay:.16s}
.hero--designed .hero-slide.active .hero-cta{animation-delay:.24s}
@keyframes heroUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media (max-width:820px){.hero-content{padding:104px clamp(20px,4vw,40px) 68px}}
@media (prefers-reduced-motion:reduce){.hero-orb{animation:none}.hero--designed .hero-slide.active .hero-eyebrow,.hero--designed .hero-slide.active .hero-h1,.hero--designed .hero-slide.active .hero-sub,.hero--designed .hero-slide.active .hero-cta{animation:none}}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;background:rgba(9,30,43,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s var(--transition)}
.hero-arrow:hover{background:var(--lime);color:var(--navy-deep);border-color:var(--lime)}
.hero-arrow.prev{left:22px}
.hero-arrow.next{right:22px}
@media (max-width:640px){.hero-arrow{width:38px;height:38px;font-size:19px}.hero-arrow.prev{left:10px}.hero-arrow.next{right:10px}}
.hero-dots{position:absolute;bottom:24px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:10px}
.hero-dots button{width:9px;height:9px;border-radius:50px;background:rgba(255,255,255,.5);box-shadow:0 1px 4px rgba(0,0,0,.25);transition:all .35s var(--transition);border:none;padding:0;cursor:pointer}
.hero-dots button.active{width:28px;background:var(--lime)}

/* ═══════════ BOTÕES (novo, pill) ═══════════ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:50px;font-size:14px;font-weight:600;transition:all .3s var(--transition);position:relative;overflow:hidden;letter-spacing:.01em;border:1px solid transparent;cursor:pointer}
.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s}
.btn:hover::before{opacity:1}
.btn-primary{background:var(--lime);color:var(--navy-deep);box-shadow:var(--shadow-lime)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(195,212,15,.45)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);transform:translateY(-3px)}
.btn-navy{background:var(--navy);color:#fff;box-shadow:var(--shadow-md)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.btn-outline{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--transition)}
.btn:hover svg{transform:translateX(3px)}

/* ═══════════ STATS BAR ═══════════ */
.stats-bar{position:relative;z-index:10;margin-top:-60px}
.stats-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-xl);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
@media (max-width:768px){.stats-card{grid-template-columns:repeat(2,1fr)}}
.stat-item{padding:32px 24px;text-align:center;position:relative}
.stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:var(--border)}
@media (max-width:768px){.stat-item:nth-child(2)::after{display:none}.stat-item:nth-child(1),.stat-item:nth-child(2){border-bottom:1px solid var(--border)}}
.stat-number{font-size:clamp(32px,4vw,44px);font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1;font-family:var(--font)}
.stat-number .lime{color:var(--lime-muted)}
.stat-label{font-size:13px;color:var(--text-light);font-weight:500;margin-top:6px;text-transform:uppercase;letter-spacing:.06em}

/* ═══════════ VIDAS IMPACTADAS ═══════════ */
.impacto-sec{padding:clamp(56px,7vw,84px) 0 0}
.impacto-card{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(135deg,var(--navy-deep),var(--navy) 55%,var(--navy-mid));color:#fff;padding:clamp(30px,4vw,46px) clamp(24px,4vw,52px);display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,4vw,56px);align-items:center;box-shadow:var(--shadow-lg)}
@media (max-width:860px){.impacto-card{grid-template-columns:1fr;gap:28px}}
.impacto-glow{position:absolute;top:-45%;right:-8%;width:420px;height:420px;border-radius:50%;background:rgba(195,212,15,.13);filter:blur(80px);pointer-events:none}
.impacto-main{position:relative;z-index:1}
.impacto-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.impacto-eyebrow::before{content:'';width:20px;height:2px;background:var(--lime);border-radius:2px}
.impacto-num{font-size:clamp(44px,7.5vw,76px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin-top:12px;color:#fff;font-variant-numeric:tabular-nums}
.impacto-desc{font-size:14.5px;color:rgba(255,255,255,.62);margin-top:12px;line-height:1.6;max-width:440px}
.impacto-est{font-style:italic;color:rgba(255,255,255,.4)}
.impacto-side{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}
.impacto-rate{display:flex;align-items:baseline;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14)}
.impacto-rate-num{font-size:clamp(26px,3.4vw,34px);font-weight:800;color:var(--lime);letter-spacing:-.02em}
.impacto-rate-label{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.impacto-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.impacto-chips li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.82);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:50px}
/* 40 anos impactando vidas */
.impacto-card--40{display:block;text-align:center}
.impacto-40{position:relative;z-index:1;max-width:760px;margin:0 auto}
.impacto-40 .impacto-eyebrow{justify-content:center;display:inline-flex}
.impacto-40-titulo{font-size:clamp(30px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:#fff;margin:14px 0 0}
.impacto-40-titulo strong{color:var(--lime);font-weight:800}
.impacto-40-desc{font-size:clamp(15px,1.7vw,17px);color:rgba(255,255,255,.68);line-height:1.65;margin:16px auto 0;max-width:560px}
/* subtítulo do mapa */
.map-subtitulo{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lime);margin:8px 0 0}
/* Academy — quadro 961 profissionais */
.academy-stat-sec{padding:clamp(52px,8vw,92px) 0 clamp(26px,4vw,46px)}
.academy-stat{position:relative;overflow:hidden;display:flex;align-items:center;gap:clamp(24px,4vw,50px);max-width:var(--max-w);margin:0 auto;
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-mid) 55%,var(--navy-deep) 100%);
  border:1px solid rgba(195,212,15,.22);border-radius:calc(var(--radius) + 6px);
  padding:clamp(36px,5vw,58px) clamp(30px,5vw,66px);box-shadow:0 32px 72px rgba(9,30,43,.30);
  flex-wrap:wrap;justify-content:center;text-align:center}
.academy-stat::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--lime),rgba(195,212,15,.15));z-index:2}
.academy-stat-glow{position:absolute;top:-55%;left:-6%;width:440px;height:440px;border-radius:50%;
  background:radial-gradient(circle,rgba(195,212,15,.32),transparent 68%);pointer-events:none;z-index:0}
.academy-stat-main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1}
.academy-stat-num{font-size:clamp(62px,10vw,104px);font-weight:800;line-height:.9;color:var(--lime);letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 6px 34px rgba(195,212,15,.28)}
.academy-stat-ano{margin-top:10px;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.academy-stat-sep{align-self:stretch;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.22),transparent);margin:6px 0;z-index:1}
.academy-stat-txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;max-width:32em}
.academy-stat-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.academy-stat-txt strong{font-size:clamp(19px,2.5vw,28px);font-weight:800;color:#fff;letter-spacing:-.015em;line-height:1.15}
.academy-stat-txt p{font-size:14.5px;color:rgba(255,255,255,.72);margin:0;line-height:1.5}
@media (min-width:680px){.academy-stat{justify-content:flex-start;text-align:left;flex-wrap:nowrap}}
@media (max-width:679px){.academy-stat-sep{display:none}}

/* ═══════════ SECTION HEADERS (novo) ═══════════ */
.section-label{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--lime-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px}
.section-label::before{content:'';width:20px;height:2px;background:var(--lime);border-radius:2px}
.section-title{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.15;font-family:var(--font)}
.section-desc{font-size:16px;color:var(--text-light);max-width:560px;margin-top:16px;line-height:1.7}
.section-header{text-align:center;max-width:620px;margin:0 auto 56px}
.section-header .section-label{justify-content:center}
.section-header .section-desc{margin:16px auto 0}

/* ═══════════ TRUST BADGES ═══════════ */
.trust-section{padding:80px 0;background:var(--off-white)}

/* ═══════════ LOGO MARQUEE (carrossel infinito, usado nos selos e nas marcas) ═══════════ */
.logo-marquee{--lm-gap:44px;--lm-item-h:78px;--lm-item-maxw:160px;--lm-duration:26s;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.logo-track{display:flex;width:max-content;animation:logo-scroll var(--lm-duration) linear infinite}
.logo-marquee--reverse .logo-track{animation-direction:reverse}
.logo-marquee:hover .logo-track{animation-play-state:paused}
.logo-track-set{display:flex;flex:0 0 auto}
.logo-item{flex:0 0 auto;margin-right:var(--lm-gap);height:var(--lm-item-h);min-width:var(--lm-item-maxw);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:12px 26px;transition:all .35s var(--transition)}
.logo-item:hover{border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-4px)}
/* Altura FIXA do logo → todos renderizam com o mesmo tamanho visual, centralizados.
   object-fit:contain preserva a proporção; a largura se ajusta sozinha. */
/* altura fixa e SEM limite de largura → todos os logos ficam exatamente da
   mesma altura (como a Baxter); logos largos só ocupam mais espaço horizontal. */
.logo-item img{height:var(--lm-logo-h);width:auto;max-width:none;object-fit:contain;display:block}
.logo-marquee--selos{--lm-item-h:140px;--lm-item-maxw:150px;--lm-logo-h:104px;--lm-duration:22s}
.logo-marquee--marcas{--lm-item-h:110px;--lm-item-maxw:140px;--lm-logo-h:60px;--lm-duration:40s}
@media (max-width:640px){.logo-marquee{--lm-gap:22px}.logo-marquee--selos{--lm-item-h:112px;--lm-item-maxw:110px;--lm-logo-h:80px}.logo-marquee--marcas{--lm-item-h:92px;--lm-item-maxw:110px;--lm-logo-h:50px}}
/* ── Grade fixa de logos (página Produtos) ── */
.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:var(--max-w);margin:0 auto}
@media (max-width:960px){.logo-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.logo-grid{grid-template-columns:repeat(2,1fr)}}
.logo-grid-item{height:130px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:22px 26px;transition:all .35s var(--transition)}
.logo-grid-item:hover{border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-4px)}
/* mesma altura fixa dos logos → todos do mesmo tamanho */
.logo-grid-item img{height:62px;width:auto;max-width:100%;object-fit:contain;display:block}
@media (max-width:560px){.logo-grid-item{height:104px}.logo-grid-item img{height:50px}}

@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.logo-track{animation:none;flex-wrap:wrap;gap:var(--lm-gap)}.logo-track-set[aria-hidden="true"]{display:none}}

/* ═══════════ SERVICES ═══════════ */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media (max-width:960px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.services-grid{grid-template-columns:1fr}}
.service-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:32px 26px;transition:all .4s var(--transition);position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lime),var(--lime-muted));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--transition)}
.service-card:hover::before{transform:scaleX(1)}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}
.service-icon{width:50px;height:50px;border-radius:14px;background:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .4s var(--transition)}
.service-card:hover .service-icon{background:var(--lime)}
.service-icon svg{width:22px;height:22px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.service-card:hover .service-icon svg{stroke:var(--navy-deep)}
.service-card h3{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:10px}
.service-card p{font-size:14px;color:var(--text-light);line-height:1.6}
.service-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:700;color:var(--lime-muted);transition:gap .25s var(--transition)}
.service-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.service-link:hover{gap:10px}

/* Catalogo CTA */
.catalog-cta{margin-top:48px;background:linear-gradient(135deg,var(--navy),var(--navy-mid));border-radius:var(--radius);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.catalog-cta::before{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:rgba(195,212,15,.08);border-radius:50%;filter:blur(60px)}
.catalog-cta .left{display:flex;align-items:center;gap:18px;position:relative}
.catalog-cta .cta-icon{width:52px;height:52px;border-radius:14px;background:var(--lime);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.catalog-cta .cta-icon svg{width:22px;height:22px;stroke:var(--navy-deep);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.catalog-cta--cadastro{margin-top:20px;background:linear-gradient(135deg,var(--navy-mid),var(--navy))}
.catalog-cta--cadastro .cta-icon{background:var(--white)}
.catalog-cta--cadastro .cta-icon svg{stroke:var(--navy)}
.catalog-cta h3{color:#fff;font-size:18px;font-weight:700}
.catalog-cta p{color:rgba(255,255,255,.65);font-size:14px;margin-top:4px}

/* ═══════════ BRANDS ═══════════ */
.brands-section{background:var(--off-white)}

/* ═══════════ ABOUT ═══════════ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:48px}}
/* Sem aspect-ratio fixo: a moldura acompanha a proporção natural da foto,
   então a imagem aparece INTEIRA — ninguém fica cortado, seja retrato ou paisagem. */
.about-visual{position:relative}
/* bloco de acento verde-limão deslocado atrás da foto (dá profundidade, moderno) */
.about-visual::before{content:'';position:absolute;right:-20px;bottom:-20px;width:66%;height:70%;border-radius:26px;background:linear-gradient(135deg,var(--lime),var(--lime-muted));opacity:.16;z-index:0}
.about-photo{width:100%;border-radius:24px;overflow:hidden;position:relative;z-index:1;box-shadow:var(--shadow-lg);line-height:0}
.about-photo img{width:100%;height:auto;display:block}
.about-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,30,43,.28) 0%,rgba(9,30,43,.03) 42%,transparent 66%);pointer-events:none}
.about-text p{font-size:16px;color:var(--text);line-height:1.8;margin-top:20px}
.about-text p+p{margin-top:14px}
/* diferenciais em check + CTA (enriquecem a seção) */
.about-highlights{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
@media (max-width:520px){.about-highlights{grid-template-columns:1fr}}
.about-highlights li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--navy)}
.about-highlights svg{width:20px;height:20px;flex-shrink:0;stroke:var(--lime-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.about-cta{margin-top:30px}
@media (max-width:900px){.about-visual{max-width:560px;margin:0 auto}}

/* ═══════════ MISSION ═══════════ */
.mission-section{background:var(--off-white)}
.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:860px){.mission-grid{grid-template-columns:1fr}}
.mission-card{background:var(--white);border-radius:var(--radius);padding:36px 30px;border:1px solid var(--border);position:relative;overflow:hidden;transition:all .4s var(--transition)}
.mission-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--lime),var(--lime-muted));transform:scaleY(0);transform-origin:top;transition:transform .4s var(--transition)}
.mission-card:hover::before{transform:scaleY(1)}
.mission-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.mission-card-icon{width:48px;height:48px;border-radius:14px;background:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.mission-card-icon svg{width:20px;height:20px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mission-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--navy-light);font-weight:700;margin-bottom:14px}
.mission-card p{font-size:15px;color:var(--text);line-height:1.7}

/* ═══════════ VALUES ═══════════ */
.values-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;text-align:center}
@media (max-width:860px){.values-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.values-grid{grid-template-columns:repeat(2,1fr)}}
.value-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:var(--radius);transition:all .4s var(--transition)}
.value-item:hover{background:var(--off-white);transform:translateY(-4px)}
.value-item .v-icon{width:48px;height:48px;border-radius:14px;background:var(--lime-soft);display:flex;align-items:center;justify-content:center;transition:all .4s var(--transition)}
.value-item:hover .v-icon{background:var(--lime)}
.value-item .v-icon svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.value-item:hover .v-icon svg{stroke:var(--navy-deep)}
.value-item span{font-size:13px;font-weight:600;color:var(--navy);line-height:1.3}
.culture-label{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-lighter);margin-top:56px;margin-bottom:24px}
.culture-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;text-align:center}
@media (max-width:860px){.culture-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.culture-grid{grid-template-columns:repeat(2,1fr)}}
.culture-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-radius:var(--radius);transition:all .4s var(--transition)}
.culture-item:hover{background:var(--lime-soft);transform:translateY(-4px)}
.culture-item .v-icon{width:48px;height:48px;border-radius:14px;background:var(--navy);display:flex;align-items:center;justify-content:center}
.culture-item .v-icon svg{width:22px;height:22px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.culture-item span{font-size:13px;font-weight:700;color:var(--lime-muted);text-transform:uppercase;letter-spacing:.02em;line-height:1.3}

/* ═══════════ ESG (novo) ═══════════ */
.esg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:860px){.esg-grid{grid-template-columns:1fr}}
.esg-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;border-top:3px solid var(--lime);transition:all .4s var(--transition)}
.esg-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.esg-card .esg-icon{width:44px;height:44px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.esg-card .esg-icon svg{width:20px;height:20px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.esg-card h3{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:10px}
.esg-card p{font-size:14px;color:var(--text-light);line-height:1.6}

/* ═══════════ TESTIMONIALS (novo) ═══════════ */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:900px){.testimonials-grid{grid-template-columns:1fr}}
.testimonial-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:30px 28px;display:flex;flex-direction:column;gap:16px;transition:all .4s var(--transition)}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.testimonial-card .quote-icon svg{width:32px;height:32px;fill:var(--lime);stroke:none}
.testimonial-card .txt{font-size:14px;color:var(--text);line-height:1.7;font-style:italic;flex:1}
.testimonial-who{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--border)}
.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--off-white);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.testimonial-who b{font-size:13px;color:var(--navy);display:block}
.testimonial-who span{font-size:11px;color:var(--text-lighter)}

/* ═══════════ MAP (novo) ═══════════ */
.map-section{background:linear-gradient(160deg,var(--navy-deep),var(--navy),var(--navy-mid));color:#fff;position:relative;overflow:hidden}
.map-section::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at 80% 50%,rgba(195,212,15,.06),transparent 70%)}
.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
@media (max-width:900px){.map-grid{grid-template-columns:1fr}}
.map-section .section-label{color:var(--lime)}
.map-section .section-title{color:#fff}
.map-section .section-desc{color:rgba(255,255,255,.65)}
.map-legend{display:flex;gap:20px;margin-top:28px;flex-wrap:wrap}
.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.7)}
.legend-dot{width:10px;height:10px;border-radius:50%}
.map-svg-wrap{position:relative}
.map-svg-wrap svg{width:100%;height:auto}
.map-pulse{animation:pulse-ring 2.5s ease-out infinite}
/* áreas sensíveis por região */
.map-region{cursor:pointer;outline:none}
.map-hit{fill:rgba(195,212,15,0);stroke:rgba(195,212,15,0);stroke-width:1.5;transition:fill .25s var(--transition),stroke .25s var(--transition)}
.map-region:hover .map-hit,.map-region:focus-visible .map-hit,.map-region.is-active .map-hit{fill:rgba(195,212,15,.16);stroke:rgba(195,212,15,.7)}
/* painel com a linha de produtos da região */
.map-info{margin-top:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:22px 24px;min-height:150px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.map-info-empty{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7}
.map-info-nome{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em}
.map-info-estados{font-size:12px;color:var(--lime);font-weight:700;letter-spacing:.04em;margin-top:6px}
.map-info-texto{font-size:13.5px;color:rgba(255,255,255,.6);margin-top:10px;line-height:1.6}
.map-info-lista{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.map-info-lista li{background:rgba(195,212,15,.12);border:1px solid rgba(195,212,15,.28);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:50px}

/* ═══════════ VIDEO (novo) ═══════════ */
.video-section{background:var(--navy-deep);color:#fff;position:relative;overflow:hidden}
.video-section::before{content:'';position:absolute;bottom:0;left:0;width:40%;height:80%;background:radial-gradient(circle at 20% 80%,rgba(195,212,15,.06),transparent 70%)}
.video-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;position:relative}
@media (max-width:900px){.video-grid{grid-template-columns:1fr}}
.video-section .section-label{color:var(--lime)}
.video-section .section-title{color:#fff}
.video-section .section-desc{color:rgba(255,255,255,.65)}
.video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:radial-gradient(circle at 30% 40%,rgba(195,212,15,.25),transparent 50%),linear-gradient(150deg,var(--navy),var(--navy-mid));border:1px solid rgba(255,255,255,.1);transition:all .4s var(--transition)}
.video-frame:hover{transform:scale(1.02);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px rgba(0,0,0,.3);transition:all .3s var(--transition)}
.video-frame:hover .play-btn{transform:translate(-50%,-50%) scale(1.1)}
.play-btn svg{width:24px;height:24px;fill:var(--navy-deep);stroke:none;margin-left:3px}
.video-caption{position:absolute;left:20px;bottom:16px;font-size:12px;color:rgba(255,255,255,.7);background:rgba(0,0,0,.35);padding:6px 12px;border-radius:6px;backdrop-filter:blur(8px)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-frame.playing .play-btn,.video-frame.playing .video-caption{display:none}
.video-frame.playing{cursor:default;transform:none}
.video-frame.playing:hover{transform:none;box-shadow:none}
.video-fallback-link{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:rgba(255,255,255,.8);font-size:12px;text-align:center;padding:7px 10px;margin:0}
.video-fallback-link a{color:var(--lime);text-decoration:underline}
.modal-overlay{position:fixed;inset:0;background:rgba(6,12,14,.9);display:none;align-items:center;justify-content:center;z-index:200;padding:24px;backdrop-filter:blur(8px)}
.modal-overlay.open{display:flex}
.modal-box{width:100%;max-width:880px;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden;position:relative}
.modal-box iframe{width:100%;height:100%;border:0}
.modal-close{position:absolute;top:-48px;right:0;color:#fff;font-size:28px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;z-index:2}
.modal-close:hover{background:rgba(255,255,255,.1)}

/* ═══════════ FAQ (novo) ═══════════ */
.faq-section{background:var(--off-white)}
.faq-list{max-width:720px;margin:0 auto}
.faq-list .faq-item{border-bottom:1px solid var(--border)}
.faq-question{width:100%;text-align:left;padding:22px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:600;color:var(--navy);transition:color .2s;background:none;border:none;cursor:pointer;font-family:var(--font)}
.faq-question:hover{color:var(--navy-mid)}
.faq-question svg{width:18px;height:18px;stroke:var(--navy-light);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .3s var(--transition)}
.faq-list .faq-item.open .faq-question svg{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--transition)}
.faq-list .faq-item.open .faq-answer{max-height:240px}
.faq-answer p{padding:0 4px 22px;font-size:14px;color:var(--text-light);line-height:1.7}

/* ═══════════ CONTACT (novo) ═══════════ */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-info{margin-top:28px;display:flex;flex-direction:column;gap:18px}
.contact-row{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--text)}
.contact-icon{width:42px;height:42px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s var(--transition)}
.contact-row:hover .contact-icon{background:var(--lime)}
.contact-icon svg{width:18px;height:18px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.contact-row:hover .contact-icon svg{stroke:var(--navy-deep)}
.contact-grid .form-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-lg)}
.contact-grid .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:480px){.contact-grid .field-row{grid-template-columns:1fr}}
.contact-grid .field{margin-bottom:18px}
.contact-grid .field label{display:block;font-size:12px;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-family:var(--font)}
.contact-grid .field input,.contact-grid .field textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;transition:all .3s var(--transition);background:var(--off-white)}
.contact-grid .field input:focus,.contact-grid .field textarea:focus{outline:none;border-color:var(--lime);background:var(--white);box-shadow:0 0 0 3px var(--lime-soft)}
.contact-grid .field textarea{resize:vertical;min-height:100px}
.contact-grid .form-card .btn{width:100%;justify-content:center;margin-top:8px}

/* ═══════════ FOOTER (novo, global) ═══════════ */
footer.site-footer{background:var(--navy-deep);color:rgba(255,255,255,.6);padding:72px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}
footer.site-footer h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:18px}
footer.site-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
footer.site-footer li a{font-size:14px;transition:color .2s;color:rgba(255,255,255,.6)}
footer.site-footer li a:hover{color:var(--lime)}
.footer-brand p{font-size:14px;line-height:1.7;max-width:280px}
.footer-social{display:flex;gap:10px;margin-top:20px}
.footer-social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .3s var(--transition);color:rgba(255,255,255,.6)}
.footer-social a:hover{background:var(--lime);border-color:var(--lime);color:var(--navy-deep)}
.footer-social svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-social a:hover svg{stroke:var(--navy-deep)}
.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:rgba(255,255,255,.35)}
/* bloco regulatório (aparece só quando preenchido no Personalizar) */
.footer-regulatorio{margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:8px 28px;font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.6}
.footer-regulatorio strong{color:rgba(255,255,255,.72);font-weight:700}

/* botão flutuante de WhatsApp */
.whats-fab{position:fixed;right:24px;bottom:24px;z-index:90;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 34px rgba(37,211,102,.45);transition:transform .3s var(--transition),box-shadow .3s var(--transition)}
.whats-fab svg{width:34px;height:34px}
.whats-fab:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 16px 44px rgba(37,211,102,.55)}
.whats-fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;opacity:.6;animation:whats-pulse 2.4s ease-out infinite}
@keyframes whats-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.55);opacity:0}}
@media (prefers-reduced-motion:reduce){.whats-fab::after{animation:none;display:none}}
.whats-fab--contato{background:var(--navy);box-shadow:0 12px 34px rgba(13,52,72,.4)}
.whats-fab--contato::after{border-color:var(--lime);opacity:.5}
.whats-fab--contato:hover{box-shadow:0 16px 44px rgba(13,52,72,.5)}

/* ═══════════ CHATBOT FAB ═══════════ */
.chat-fab{position:fixed;right:24px;bottom:24px;z-index:90;width:60px;height:60px;border-radius:50%;background:var(--navy);box-shadow:0 12px 36px rgba(13,52,72,.4);display:flex;align-items:center;justify-content:center;border:2px solid var(--lime);transition:all .3s var(--transition);cursor:pointer}
.chat-fab:hover{transform:translateY(-3px) scale(1.05)}
.chat-fab svg{width:24px;height:24px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chat-fab .dot{position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--lime);border:2px solid var(--navy)}
.chat-panel{position:fixed;right:24px;bottom:96px;z-index:91;width:340px;max-width:calc(100vw - 48px);background:var(--white);border-radius:20px;box-shadow:0 30px 80px rgba(13,52,72,.25);overflow:hidden;transform:translateY(16px) scale(.95);opacity:0;pointer-events:none;transition:all .3s var(--transition)}
.chat-panel.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}
.chat-header{background:var(--navy);color:#fff;padding:18px;display:flex;align-items:center;gap:12px}
.chat-avatar{width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--navy-deep);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0}
.chat-header .info b{display:block;font-size:15px}
.chat-header .info span{font-size:11px;color:rgba(255,255,255,.65);display:flex;align-items:center;gap:5px}
.chat-header .status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);display:inline-block}
.chat-close{margin-left:auto;color:#fff;font-size:20px;padding:4px;background:none;border:none;cursor:pointer}
.chat-body{padding:16px;display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;background:var(--off-white)}
.chat-msg{background:var(--white);border-radius:14px;border-top-left-radius:4px;padding:10px 14px;font-size:13px;line-height:1.5;color:var(--text);max-width:85%;box-shadow:var(--shadow-sm)}
.chat-msg.user{align-self:flex-end;background:var(--navy);color:#fff;border-radius:14px;border-top-right-radius:4px}
.chat-footer{display:flex;border-top:1px solid var(--border);padding:12px;gap:8px;background:var(--white)}
.chat-footer input{flex:1;border:1px solid var(--border);border-radius:50px;padding:10px 16px;font-family:var(--font);font-size:13px;transition:border-color .2s}
.chat-footer input:focus{outline:none;border-color:var(--lime)}
.chat-footer button{width:38px;height:38px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s;border:none;cursor:pointer}
.chat-footer button:hover{background:var(--navy-mid)}
.chat-footer button svg{width:14px;height:14px;stroke:var(--lime);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ═══════════ BACK TO TOP ═══════════ */
.back-to-top{position:fixed;bottom:96px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;z-index:80;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .3s var(--transition);border:1px solid var(--border);cursor:pointer}
.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.back-to-top:hover{background:var(--navy);border-color:var(--navy)}
.back-to-top svg{width:18px;height:18px;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}
.back-to-top:hover svg{stroke:var(--lime)}

/* ═══════════ ACADEMY — tela intermediária ═══════════ */
.infopage-hero{position:relative;overflow:hidden;background:linear-gradient(155deg,var(--navy-deep),var(--navy) 50%,var(--navy-mid));color:#fff;padding:150px 0 90px}
.infopage-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.infopage-hero-inner{position:relative;z-index:2;text-align:center;max-width:760px}
.infopage-hero-inner .hero-eyebrow{margin:0 auto}
.infopage-title{font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#fff;margin-top:22px}
.infopage-title .hl{color:var(--lime)}
.infopage-lede{font-size:clamp(16px,1.8vw,19px);color:rgba(255,255,255,.78);margin-top:18px;line-height:1.7}
.infopage-note{font-size:14.5px;color:rgba(255,255,255,.55);margin-top:14px;line-height:1.7}
.infopage-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.infopage-hint{font-size:12.5px;color:rgba(255,255,255,.45);margin-top:18px}
.infopage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:860px){.infopage-grid{grid-template-columns:1fr}}
.infopage-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;transition:all .4s var(--transition)}
.infopage-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.infopage-card-icon{width:48px;height:48px;border-radius:14px;background:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.infopage-card-icon svg{width:22px;height:22px;stroke:var(--lime);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.infopage-card h3{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:10px}
.infopage-card p{font-size:14px;color:var(--text-light);line-height:1.7}
.infopage-conteudo{max-width:760px;margin:48px auto 0;font-size:16px;line-height:1.8;color:var(--text)}
.infopage-conteudo p{margin-top:16px}
.infopage-cta-final{margin-top:56px;background:linear-gradient(135deg,var(--navy),var(--navy-mid));border-radius:var(--radius);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.infopage-cta-final h3{color:#fff;font-size:20px;font-weight:700}
.infopage-cta-final p{color:rgba(255,255,255,.65);font-size:14.5px;margin-top:6px}

/* ═══════════ BLOG — notícias com leitura na própria página ═══════════ */
.news-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.news-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .35s var(--transition),border-color .35s var(--transition)}
.news-item:hover{box-shadow:var(--shadow-md)}
.news-item.open{border-color:rgba(195,212,15,.5);box-shadow:var(--shadow-lg)}
.news-head{display:flex;align-items:center;gap:22px;padding:22px 26px}
@media (max-width:640px){.news-head{flex-wrap:wrap;gap:16px;padding:18px}}
.news-thumb{flex:0 0 132px;height:96px;border-radius:var(--radius-sm);overflow:hidden;background:var(--off-white)}
.news-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:640px){.news-thumb{flex:0 0 100%;height:170px}}
.news-info{flex:1;min-width:0}
.news-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-lighter)}
.news-cats a{color:var(--lime-muted)}
.news-cats a:hover{text-decoration:underline}
.news-title{font-size:19px;font-weight:700;color:var(--navy);line-height:1.3;margin-top:8px;letter-spacing:-.01em}
.news-excerpt{font-size:14.5px;color:var(--text-light);line-height:1.65;margin-top:8px}
.news-item.open .news-excerpt{display:none}
/* seta "ver mais" */
.news-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:var(--off-white);border:1px solid var(--border);color:var(--navy);border-radius:50px;padding:9px 16px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .3s var(--transition);font-family:var(--font)}
.news-toggle:hover{background:var(--lime);border-color:var(--lime);color:var(--navy-deep)}
.news-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--transition)}
.news-item.open .news-toggle svg{transform:rotate(180deg)}
@media (max-width:640px){.news-toggle{width:100%;justify-content:center}}
/* conteúdo completo: a altura exata é calculada no JS (max-height), então
   funciona com textos de qualquer tamanho, imagens e listas. */
.news-full{max-height:0;overflow:hidden;transition:max-height .45s var(--transition)}
.news-item.open .news-full-inner{border-top:1px solid var(--border)}
.news-full-inner > *{margin:0 26px}
.news-full-inner > *:first-child{margin-top:22px}
.news-full-inner > *:last-child{margin-bottom:26px}
@media (max-width:640px){.news-full-inner > *{margin-left:18px;margin-right:18px}}
.news-full-inner p{font-size:15.5px;line-height:1.85;color:var(--text);margin-top:14px}
.news-full-inner h2,.news-full-inner h3{color:var(--navy);margin-top:22px;font-weight:700}
.news-full-inner h2{font-size:20px}
.news-full-inner h3{font-size:17px}
.news-full-inner ul,.news-full-inner ol{margin-top:14px;padding-left:20px;font-size:15.5px;line-height:1.8;color:var(--text)}
.news-full-inner li{margin-top:6px}
.news-full-inner a{color:var(--lime-muted);text-decoration:underline}
.news-full-inner img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin-top:18px}
.news-full-inner blockquote{border-left:3px solid var(--lime);padding-left:16px;font-style:italic;color:var(--text-light)}
/* paginação */
.news-pagination{max-width:900px;margin:36px auto 0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.news-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border-radius:50px;border:1px solid var(--border);background:var(--white);color:var(--navy);font-size:13.5px;font-weight:600;transition:all .3s var(--transition)}
.news-pagination .page-numbers:hover{border-color:var(--lime);color:var(--lime-muted)}
.news-pagination .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#fff}
/* estado vazio */
.news-vazio{max-width:620px;margin:0 auto;text-align:center}

/* ═══════════ CADASTRO DE CLIENTE ═══════════ */
.cadastro-beneficios{list-style:none;margin:26px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.cadastro-beneficios li{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.88);font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:50px}
.cadastro-beneficios svg{width:15px;height:15px;stroke:var(--lime);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cadastro-sec{padding:clamp(48px,6vw,72px) 0 clamp(64px,8vw,96px)}
.cadastro-form{max-width:900px;margin:0 auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(24px,4vw,44px);box-shadow:var(--shadow-md)}
/* mensagens */
.cadastro-msg{max-width:900px;margin:0 auto 22px;padding:16px 20px;border-radius:var(--radius-sm);font-size:14.5px;line-height:1.6}
.cadastro-msg strong{display:block;margin-bottom:4px}
.cadastro-msg--ok{background:#eef7d6;border:1px solid var(--lime);color:#4a5600}
.cadastro-msg--erro{background:#fdeceb;border:1px solid #f3b6b0;color:#a3281c}
.cadastro-msg a{color:inherit;text-decoration:underline}
/* etapas */
.cad-steps{list-style:none;margin:0 0 30px;padding:0 0 20px;display:flex;gap:8px;border-bottom:1px solid var(--border);counter-reset:s}
.cad-steps li{flex:1;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--text-lighter);transition:color .3s var(--transition)}
.cad-steps li span{flex:0 0 30px;height:30px;border-radius:50%;background:var(--off-white);border:1px solid var(--border);color:var(--text-lighter);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all .3s var(--transition)}
.cad-steps li.is-active{color:var(--navy)}
.cad-steps li.is-active span{background:var(--lime);border-color:var(--lime);color:var(--navy-deep)}
.cad-steps li.is-done span{background:var(--navy);border-color:var(--navy);color:#fff}
.cad-steps li.is-done{color:var(--navy)}
@media (max-width:640px){.cad-steps li{font-size:0;gap:0;justify-content:center}.cad-steps li span{font-size:13px}}
/* painéis */
.cad-panel{display:none}
.cad-panel.is-active{display:block;animation:cadIn .35s var(--transition) both}
@keyframes cadIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cad-group{border:none;margin:0 0 18px;padding:0}
.cad-group legend{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lime-muted);padding:0;margin-bottom:12px}
/* tipo de pessoa */
.cad-tipo{display:flex;gap:12px;flex-wrap:wrap}
.cad-tipo-op{flex:1;min-width:190px;position:relative;cursor:pointer}
.cad-tipo-op input{position:absolute;opacity:0;width:0;height:0}
.cad-tipo-op span{display:flex;align-items:center;justify-content:center;padding:15px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;color:var(--navy);background:var(--white);transition:all .3s var(--transition)}
.cad-tipo-op input:checked + span{border-color:var(--lime);background:rgba(195,212,15,.1);box-shadow:0 0 0 3px rgba(195,212,15,.15)}
/* grade de campos */
.cad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px}
@media (max-width:760px){.cad-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.cad-grid{grid-template-columns:1fr}}
.cad-col-2{grid-column:span 2}
.cad-col-3{grid-column:span 3}
@media (max-width:760px){.cad-col-2,.cad-col-3{grid-column:span 2}}
@media (max-width:520px){.cad-col-2,.cad-col-3{grid-column:span 1}}
.cad-field{display:flex;flex-direction:column}
.cad-field label{font-size:12px;font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}
.cad-field input,.cad-field select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;color:var(--text);background:var(--off-white);transition:all .25s var(--transition)}
.cad-field input:focus,.cad-field select:focus{outline:none;border-color:var(--lime);background:var(--white);box-shadow:0 0 0 3px var(--lime-soft)}
.cad-field input.is-erro,.cad-field select.is-erro{border-color:#e5534b;background:#fdf3f2}
.cad-erro-msg{font-size:12px;color:#c1392f;margin-top:5px;font-weight:600}
.cad-inline{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding-top:4px}
.cad-inline label{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--text);text-transform:none;letter-spacing:0;margin:0}
/* documentos */
.cad-docs{margin-top:26px;padding:24px;background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius)}
.cad-docs h3{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:6px}
.cad-docs-intro{font-size:13.5px;color:var(--text-light);margin-bottom:14px;line-height:1.6}
.cad-docs-lista{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
@media (max-width:640px){.cad-docs-lista{grid-template-columns:1fr}}
.cad-docs-lista li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text);line-height:1.5}
.cad-docs-lista svg{width:16px;height:16px;flex:0 0 16px;margin-top:1px;stroke:var(--lime-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cad-drop{position:relative;border:2px dashed var(--border);border-radius:var(--radius-sm);background:var(--white);transition:all .3s var(--transition)}
.cad-drop:hover,.cad-drop.is-over{border-color:var(--lime);background:rgba(195,212,15,.05)}
.cad-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.cad-drop-info{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 20px;text-align:center;pointer-events:none}
.cad-drop-icon{width:28px;height:28px;stroke:var(--lime-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cad-drop-info strong{font-size:14.5px;color:var(--navy)}
.cad-drop-info span{font-size:12.5px;color:var(--text-light)}
.cad-arquivos{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.cad-arquivos li{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:var(--text)}
.cad-arquivos li.is-erro{border-color:#f3b6b0;background:#fdf3f2;color:#a3281c}
.cad-arq-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cad-arq-tam{font-size:12px;color:var(--text-lighter);font-weight:600}
.cad-aviso{margin-top:12px;font-size:13px;color:#a3281c;background:#fdeceb;border:1px solid #f3b6b0;border-radius:var(--radius-sm);padding:11px 14px;line-height:1.55}
.cad-drive{margin-top:16px}
.cad-drive label{text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--text-light);font-weight:500}
/* navegação e rodapé */
.cad-nav{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}
.cad-nav .btn-ghost{background:var(--off-white);color:var(--navy);border:1px solid var(--border)}
.cad-nav .btn-ghost:hover{background:var(--white);border-color:var(--navy)}
.cad-nav .cad-next,.cad-nav #cadEnviar{margin-left:auto}
.cad-lgpd{font-size:12.5px;color:var(--text-lighter);line-height:1.65;margin-top:20px;padding:14px 16px;background:var(--off-white);border-radius:var(--radius-sm)}
.cad-ajuda{text-align:center;font-size:13.5px;color:var(--text-light);margin-top:24px}
.cad-ajuda a{color:var(--lime-muted);font-weight:600;text-decoration:underline}
.cad-enviando{opacity:.6;pointer-events:none}

/* ═══════════ HERO DE TOPO (páginas internas) ═══════════
   Imagem de fundo (zona escura à esquerda já vem na arte) + véu em degradê
   para legibilidade + bloco de conteúdo (eyebrow, título, subtítulo, botões). */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-hero{position:relative;width:100%;background:var(--navy-3);overflow:hidden;display:flex;align-items:center;isolation:isolate;min-height:clamp(360px,44vw,580px)}
.page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:88% center;z-index:-2}
/* véu: escurece FORTE a metade esquerda (onde entra o texto) para o texto nunca
   se misturar com a arte do banner; só libera a imagem no terço direito. */
.page-hero-veil{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg, rgba(9,30,43,.97) 0%, rgba(9,30,43,.95) 34%, rgba(9,30,43,.82) 50%, rgba(9,30,43,.5) 64%, rgba(9,30,43,.16) 80%, rgba(9,30,43,0) 94%);}
.page-hero-inner{width:100%}
.page-hero-content{max-width:600px;color:#fff;padding:clamp(40px,6vw,72px) 0;animation:heroIn .6s cubic-bezier(.16,1,.3,1) both}
@keyframes heroIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.page-hero-content{animation:none}}
.page-hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin-bottom:16px;font-family:var(--disp)}
.page-hero-eyebrow::before{content:'';width:22px;height:2px;background:var(--lime);border-radius:2px}
.page-hero-titulo{font-size:clamp(31px,4.6vw,54px);line-height:1.04;font-weight:800;letter-spacing:-.025em;margin:0;color:#fff;text-shadow:0 2px 30px rgba(9,30,43,.7),0 1px 4px rgba(9,30,43,.5)}
.page-hero-titulo .hl{color:var(--lime)}
.page-hero-sub{font-size:clamp(15px,1.55vw,18.5px);line-height:1.55;color:rgba(255,255,255,.84);margin:18px 0 0;max-width:34em}
.page-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.page-hero-actions .btn{padding:14px 30px}
/* tablet/mobile: a arte fica estreita demais para a zona lateral — vira um
   fundo escurecido de cima a baixo com o texto por cima, sempre legível. */
@media (max-width:820px){
  .page-hero{min-height:0}
  .page-hero-bg{object-position:70% center}
  .page-hero-veil{background:linear-gradient(180deg, rgba(9,30,43,.62) 0%, rgba(9,30,43,.74) 45%, rgba(9,30,43,.92) 100%)}
  .page-hero-content{max-width:none;padding:clamp(56px,16vw,90px) 0}
  .page-hero-sub{max-width:100%}
}

/* ═══════════ CURSOR GLOW ═══════════ */
.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(195,212,15,.06),transparent 70%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:left .5s,top .5s;display:none}
@media (hover:hover){.cursor-glow{display:block}}

/* form status messages sobre o novo form-card */
.contact-grid .form-msg{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px;font-weight:600}

/* respeita menos movimento */
@media (prefers-reduced-motion: reduce){
  .reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important;transition:none}
  .hero-slide.active img{animation:none}
  .about-float-card,.hero-orb{animation:none}
}

/* ═══════════ CABEÇALHO SÓLIDO — logo colorida + menus escuros ═══════════
   O cabeçalho agora é sempre uma barra branca sólida (não translúcida sobre o
   banner), a logo aparece nas cores originais (sem o filtro que a deixava branca)
   e os itens de menu ficam em navy escuro — sem se misturar com os banners. */
.header{background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(13,52,72,.12)!important;box-shadow:0 2px 22px rgba(9,30,43,.08)}
.header::before{display:none!important}
.header .logo-link img{filter:none!important}
.header .nav a{color:var(--navy)}
.header .nav a:not(.nav-cta):hover{color:var(--navy)}
.header .nav a:not(.nav-cta)::after{background:var(--lime)}
.header .nav a.current-menu-item,.header .nav a[aria-current="page"]{color:var(--navy)}
.header .nav a.current-menu-item::after,.header .nav a[aria-current="page"]::after{opacity:1}
.header .menu-toggle{color:var(--navy)}
.header .nav a.nav-cta{background:var(--lime);border-color:var(--lime);color:var(--navy-deep)}
.header .nav a.nav-cta:hover{background:#d3e51a;border-color:#d3e51a;color:var(--navy-deep)}
/* menu mobile aberto continua em tela cheia escura com texto claro (regra !important existente cuida disso) */

/* ═══════════ ACESSIBILIDADE & AUDITORIA (v2.19) ═══════════ */
/* Skip link — pular para o conteúdo (navegação por teclado) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--navy);color:#fff;padding:12px 18px;border-radius:0 0 8px 0;font-weight:700;font-size:14px;text-decoration:none}
.skip-link:focus{left:0}
/* Alvos de toque do rodapé — WCAG 2.5.8 (≥24px de altura) */
.site-footer ul li a{display:inline-block;padding:6px 0;line-height:1.35}
.site-footer .footer-social a{min-width:40px;min-height:40px}
/* Passo a passo do card "Como consultar" (Certificados) */
.infopage-steps{margin:6px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:9px}
.infopage-steps li{font-size:15px;line-height:1.5;color:var(--text-light,#6b7280)}
.infopage-card-rodape{margin:14px 0 0;font-size:14px;color:var(--text-light,#6b7280)}
.infopage-card-rodape a{color:var(--navy);font-weight:700;text-decoration:underline}
/* Formulário de solicitação de COA */
.coa-form-sec{margin-top:clamp(40px,6vw,74px);background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);border:1px solid rgba(195,212,15,.18);border-radius:calc(var(--radius) + 6px);padding:clamp(30px,4.5vw,54px);color:#fff;overflow:hidden}
.coa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,52px);align-items:center}
.coa-form-intro .section-label{color:var(--lime)}
.coa-form-intro .section-title{color:#fff}
.coa-form-intro p{color:rgba(255,255,255,.82);margin-top:12px;font-size:15.5px;line-height:1.6}
.coa-form-drive{display:inline-flex;align-items:center;gap:9px;margin-top:20px;color:var(--lime);font-weight:700;font-size:14px;text-decoration:none}
.coa-form-drive svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.coa-form-drive:hover{text-decoration:underline}
@media (max-width:820px){.coa-form-grid{grid-template-columns:1fr}}

/* ═══════════ MELHORIAS DE CONVERSÃO/SEO/LGPD (v2.22) ═══════════ */
/* Faixa de números dentro do bloco "40 anos" (card escuro) */
.impacto-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);max-width:600px;margin-left:auto;margin-right:auto}
.impacto-stat b{display:block;font-family:var(--disp);font-size:clamp(26px,3.4vw,40px);font-weight:800;color:var(--lime);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.impacto-stat span{display:block;margin-top:8px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.72)}
@media (max-width:760px){.impacto-stats{grid-template-columns:repeat(3,1fr);gap:18px 10px}}

/* Destaque Biomig Tech na home */
.tech-highlight{padding:clamp(22px,4vw,44px) 0}
.tech-highlight-inner{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);border:1px solid rgba(195,212,15,.18);border-radius:calc(var(--radius) + 6px);padding:clamp(32px,5vw,60px);color:#fff;display:grid;grid-template-columns:1.6fr .8fr;gap:clamp(24px,4vw,50px);align-items:center;overflow:hidden;position:relative}
.tech-highlight-txt h2{color:#fff;font-size:clamp(24px,3.4vw,38px);line-height:1.12;margin:10px 0 14px}
.tech-highlight-txt p{color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.6;margin:0 0 18px;max-width:46em}
.tech-highlight-list{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:11px}
.tech-highlight-list li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#fff;font-weight:600}
.tech-highlight-list li .icon{color:var(--lime);flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tech-highlight-icon{display:flex;align-items:center;justify-content:center}
.tech-highlight-icon svg{width:clamp(90px,12vw,150px);height:clamp(90px,12vw,150px);color:rgba(195,212,15,.9);stroke:currentColor;fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:820px){.tech-highlight-inner{grid-template-columns:1fr}.tech-highlight-icon{display:none}}

/* Aviso de consentimento LGPD nos formulários */
.form-consent{font-size:12px;line-height:1.5;color:var(--muted);margin:2px 0 12px}
.form-consent a{color:var(--navy);font-weight:700;text-decoration:underline}


/* ══════════════════════════════════════════════════════════════════════
   MOBILE 2.20 — correção do layout em telas pequenas
   Vem por último de propósito: ajusta o que já existe, sem reescrever nada.

   1) MENU — o .header tem backdrop-filter, e um elemento com filtro vira
      "containing block" dos filhos position:fixed. O painel .nav (fixed,
      inset:0) ficava então preso DENTRO da barra de 72px: o fundo navy só
      pintava o topo e os links transbordavam soltos por cima do banner
      (exatamente o print). No mobile o filtro sai e o painel volta a ocupar
      a tela inteira — rolável, com alvos de toque grandes e o CTA em botão.
   2) HERO — .hero é um <section>, então herdava section{padding:96px 24px 88px}
      (banner encolhido, com faixas navy em cima/embaixo) e o recorte 4/3 com
      object-fit:cover cortava ~2/3 de uma arte 2.4:1 — o "EXPO HOSPITAL"
      aparecia pela metade. Agora o banner aparece INTEIRO, sangrando de ponta
      a ponta, com uma cópia desfocada preenchendo as sobras.
   3) Fim do estouro horizontal e respiro proporcional à tela.
   ══════════════════════════════════════════════════════════════════════ */

:root{--header-h:80px}
@media (max-width:1024px){:root{--header-h:72px}}

/* âncoras param abaixo do cabeçalho fixo, não atrás dele */
[id]{scroll-margin-top:calc(var(--header-h) + 12px)}

/* ─────────── 1. sem rolagem horizontal ─────────── */
html{overflow-x:hidden}
@supports (overflow:clip){html{overflow-x:clip}}
@media (max-width:820px){
  /* .reveal-left/.reveal-right empurram o bloco 60px para o lado; em telas
     estreitas isso jogava conteúdo para fora e criava a rolagem lateral que
     desalinhava a página inteira. No mobile a revelação passa a ser vertical. */
  .reveal-left,.reveal-right{transform:translateY(40px)}
  .reveal-left.visible,.reveal-right.visible{transform:none}
}

/* ─────────── 2. menu ─────────── */
/* o tema nunca zerou o sublinhado dos itens do menu novo */
.nav a{text-decoration:none}

@media (max-width:1024px){
  /* CAUSA RAIZ do menu quebrado — ver comentário do topo do bloco */
  .header,.header.scrolled{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

  .nav{
    position:fixed;top:0;left:0;right:0;bottom:0;width:100%;
    height:100vh;height:100dvh;
    background:linear-gradient(165deg,var(--navy-deep) 0%,var(--navy) 55%,var(--navy-mid) 100%);
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    padding:calc(var(--header-h) + 18px) 22px calc(30px + env(safe-area-inset-bottom,0px));
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .3s var(--transition),visibility 0s linear .3s;
    z-index:100; /* abaixo da logo e do botão (101), acima do fundo do header */
  }
  .nav.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s}
  .nav ul,.nav li{display:contents}

  .nav a{
    display:flex;align-items:center;
    font-size:17px;line-height:1.35;font-weight:600;letter-spacing:0;
    color:rgba(255,255,255,.92)!important;
    padding:17px 2px;margin:0;
    border-bottom:1px solid rgba(255,255,255,.09);
    text-decoration:none;
  }
  .nav a::after{display:none!important}
  .nav a:active{color:var(--lime)!important}
  .nav a.current-menu-item,.nav a[aria-current="page"]{color:var(--lime)!important}

  /* "Fale conosco" fecha a folha como botão cheio */
  .nav a.nav-cta{
    justify-content:center;margin:28px 0 0;padding:16px 24px;
    border:1px solid var(--lime);border-radius:50px;
    background:var(--lime);color:var(--navy-deep)!important;
    font-size:16px;font-weight:700;box-shadow:0 12px 30px rgba(195,212,15,.22)}

  /* com o menu aberto, a barra some e logo/ícone ficam legíveis sobre o navy */
  body.menu-open .header{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important}
  body.menu-open .header .logo-link img{filter:brightness(0) invert(1)!important}
  body.menu-open .header .menu-toggle{color:#fff}
  body.menu-open .whats-fab{opacity:0;pointer-events:none}
}
/* trava a rolagem do fundo enquanto o menu está aberto */
html.menu-open,body.menu-open{overflow:hidden}

/* ─────────── 3. hero / carrossel ─────────── */
/* cópia desfocada do banner: só existe no mobile, para preencher as sobras.
   Precisa vencer .hero-slide img{display:block} — daí o seletor mais forte. */
.hero-slide img.hero-slide-blur{display:none}
@media (max-width:820px){
  /* zera o section{padding:96px 24px 88px} herdado e desce o hero para
     debaixo do cabeçalho fixo (que agora é uma barra branca sólida).
     O hero "desenhado em CSS" já reserva esse espaço no .hero-content. */
  .hero{padding:0}
  .hero:not(.hero--designed){padding-top:var(--header-h)}
  .hero-carousel{aspect-ratio:16/10;width:100%;background:var(--navy-deep)}
  .hero:not(.hero--designed) .hero-slide{overflow:hidden;background:var(--navy-deep)}
  /* arte inteira, centralizada e sem corte */
  .hero:not(.hero--designed) .hero-slide img:not(.hero-slide-blur){object-fit:contain;position:relative;z-index:1}
  .hero:not(.hero--designed) .hero-slide img.hero-slide-blur{display:block;position:absolute;inset:0;
    width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(1.15) brightness(.6);
    transform:scale(1.3);z-index:0}
  /* setas grandes cobriam a arte; no toque o carrossel anda por arraste + dots */
  .hero-arrow{display:none}
  .hero-dots{bottom:10px;gap:9px}
  .hero-dots button{width:9px;height:9px}
  .hero-dots button.active{width:26px}
}

/* ─────────── 4. respiro proporcional à tela ─────────── */
@media (max-width:640px){
  /* 96px+88px na vertical e 24px de section + 24px de .wrap deixavam só
     279px de conteúdo úteis num aparelho de 375px */
  section{padding:58px 20px 54px}
  /* onde já existe .wrap, é ela quem dá a margem lateral — evita a soma dupla.
     Seções sem .wrap (Produtos, Assistência Técnica) mantêm os 20px acima.
     Se o navegador não suportar :has, cai no espaçamento atual — nunca pior. */
  section:has(> .wrap){padding-left:0;padding-right:0}
  .section-header{margin-bottom:36px}
  .catalog-cta,.catalogo{padding:28px 22px}
}

/* ═══════════════════════════════════════════════════════════════════════
   CAMADA DE ANIMAÇÕES (v2.24) — só movimento/brilho, sem reestruturar o layout.
   Pedido: entrada ao rolar + hover em botões/cards + navbar glass + glows.
   ═══════════════════════════════════════════════════════════════════════ */

/* 1) ENTRADA AO ROLAR — reveal mais suave/premium (o observer já roda no main.js) */
.reveal{transform:translateY(36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal-left,.reveal-right,.reveal-scale{transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}

/* 2) NAVBAR GLASSMORPHISM — só no desktop (no mobile o menu precisa do header SEM filtro) */
@media (min-width:1025px){
  .header:not(.scrolled){background:rgba(255,255,255,.66)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;border-bottom:1px solid rgba(255,255,255,.5)!important;box-shadow:0 8px 30px -14px rgba(9,30,43,.18),inset 0 1px 0 rgba(255,255,255,.55)!important}
  .header.scrolled{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;backdrop-filter:blur(24px) saturate(180%)!important;border-bottom:1px solid rgba(255,255,255,.5)!important;box-shadow:0 10px 34px -16px rgba(9,30,43,.2),inset 0 1px 0 rgba(255,255,255,.55)!important}
}

/* 3) HOVER EM BOTÕES — escala + brilho */
.btn,.btn-primary,.btn-lime,.btn-navy,.btn-ghost{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .2s}
.btn-primary:hover,.btn-lime:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 20px 46px -12px rgba(195,212,15,.7)}
.btn-navy:hover{transform:translateY(-2px) scale(1.02)}

/* 4) HOVER EM CARDS — sobem com sombra suave */
.service-card,.testimonial-card,.infopage-card,.logo-grid-item,.esg-card,.pecas-card,.modal-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
.service-card:hover,.testimonial-card:hover,.infopage-card:hover,.esg-card:hover,.pecas-card:hover,.modal-card:hover{transform:translateY(-7px);box-shadow:0 26px 56px -22px rgba(13,52,72,.28)}
.logo-grid-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(13,52,72,.2)}

/* 5) BRILHOS DE FUNDO (glow) — luz ambiente sutil, sem tocar no layout */
#servicos,#contato,.faq-section{position:relative;overflow:hidden}
#servicos::after,#contato::after,.faq-section::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:0;filter:blur(30px)}
#servicos::after{top:-190px;right:-150px;background:radial-gradient(circle,rgba(195,212,15,.13),transparent 66%)}
#contato::after{bottom:-200px;left:-160px;background:radial-gradient(circle,rgba(195,212,15,.10),transparent 68%)}
.faq-section::after{top:-170px;left:-130px;background:radial-gradient(circle,rgba(13,52,72,.06),transparent 70%)}
#servicos>.wrap,#contato>.wrap,.faq-section>.wrap{position:relative;z-index:1}

/* respeita "reduzir movimento" */
@media (prefers-reduced-motion:reduce){
  .btn-primary:hover,.btn-lime:hover,.btn-navy:hover,.service-card:hover,.testimonial-card:hover,.infopage-card:hover,.esg-card:hover,.pecas-card:hover,.modal-card:hover,.logo-grid-item:hover{transform:none}
}

/* ═══════════ v2.25 — ANIMAÇÕES MAIS FORTES + SOBRE NÓS EMOLDURADO ═══════════ */

/* reveal ao rolar mais evidente (movimento maior) */
.reveal{transform:translateY(54px) scale(.985)}

/* hover em botões — mais forte */
.btn-primary:hover,.btn-lime:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 26px 58px -12px rgba(195,212,15,.9)}
.btn-navy:hover{transform:translateY(-3px) scale(1.04)}
.btn-ghost:hover{transform:translateY(-3px) scale(1.03)}

/* hover em cards — mais forte */
.service-card:hover,.testimonial-card:hover,.infopage-card:hover,.esg-card:hover,.pecas-card:hover,.modal-card:hover{transform:translateY(-12px) scale(1.015);box-shadow:0 36px 72px -22px rgba(13,52,72,.36)}
.logo-grid-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 22px 46px -18px rgba(13,52,72,.26)}

/* glows mais visíveis + PULSANDO (movimento contínuo perceptível) */
#servicos::after{background:radial-gradient(circle,rgba(195,212,15,.22),transparent 66%);animation:glowPulse 7s ease-in-out infinite}
#contato::after{background:radial-gradient(circle,rgba(195,212,15,.16),transparent 68%);animation:glowPulse 9s ease-in-out infinite}
.faq-section::after{background:radial-gradient(circle,rgba(13,52,72,.10),transparent 70%);animation:glowPulse 8s ease-in-out infinite}
@keyframes glowPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.14)}}

/* navbar glass mais frosted no desktop */
@media (min-width:1025px){
  .header:not(.scrolled){background:rgba(255,255,255,.6)!important;-webkit-backdrop-filter:blur(28px) saturate(190%)!important;backdrop-filter:blur(28px) saturate(190%)!important}
}

/* ── SOBRE NÓS: foto emoldurada estilo "janela do app" + selo GPTW flutuante ── */
.about-visual::before{width:82%;height:82%;opacity:.2;background:linear-gradient(135deg,var(--lime),var(--navy));filter:blur(12px)}
.about-frame{position:relative;z-index:1;border-radius:20px;overflow:hidden;background:#0a2230;box-shadow:0 46px 90px -34px rgba(9,28,36,.6),0 6px 20px -8px rgba(9,28,36,.3);border:1px solid rgba(195,212,15,.16)}
.about-frame-chrome{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;background:#081d28;border-bottom:1px solid rgba(255,255,255,.06)}
.about-frame-chrome .dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}
.about-frame-chrome .dot:first-child{background:var(--lime)}
.about-frame-title{margin-left:10px;font-size:11.5px;font-weight:700;letter-spacing:.15em;color:rgba(255,255,255,.6)}
.about-frame-photo{position:relative;line-height:0}
.about-frame-photo img{width:100%;height:auto;display:block}
.about-frame-caption{position:absolute;left:0;right:0;bottom:0;padding:46px 24px 20px;display:flex;flex-direction:column;gap:3px;background:linear-gradient(0deg,rgba(6,26,36,.94),rgba(6,26,36,.5) 55%,transparent);text-align:left}
.about-frame-caption strong{position:relative;padding-left:16px;font-size:16px;color:#fff;font-weight:700}
.about-frame-caption strong::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(195,212,15,.8)}
.about-frame-caption span{font-size:13px;color:rgba(255,255,255,.72);padding-left:16px}
.about-badge{position:absolute;top:-24px;left:-24px;z-index:3;display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 28px 54px -18px rgba(9,28,36,.45);border:1px solid rgba(255,255,255,.7);animation:aboutFloat 6s ease-in-out infinite}
.about-badge img{width:46px;height:auto;display:block;flex:none}
.about-badge>div{line-height:1.15}
.about-badge-tag{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--lime-muted)}
.about-badge b{display:block;font-size:14.5px;color:var(--navy);line-height:1.15;max-width:11ch}
@keyframes aboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (max-width:900px){.about-badge{top:-16px;left:-6px}.about-visual{max-width:560px;margin-left:auto;margin-right:auto}}
@media (max-width:520px){.about-badge{position:static;margin:16px auto 0;justify-content:center;animation:none}}

@media (prefers-reduced-motion:reduce){#servicos::after,#contato::after,.faq-section::after,.about-badge{animation:none}}

/* ═══════════ v2.25.2 — SOBRE NÓS: desenhos de cards + legenda "Time Biomig" ═══════════ */
.about-visual{position:relative;padding:32px 28px}
@media (max-width:900px){.about-visual{padding:24px 18px;max-width:600px;margin-left:auto;margin-right:auto}}
/* fundo escuro (como no mockup) para os contornos aparecerem */
.about-visual::before{content:'';position:absolute;inset:0;width:auto;height:auto;border-radius:28px;background:radial-gradient(130% 120% at 82% 8%,#123a4c,#071f2b 64%);opacity:1;filter:none;z-index:0;box-shadow:0 44px 92px -42px rgba(6,26,36,.55)}
/* "desenhos de cards" — contornos em camadas atrás da foto */
.about-deco{position:absolute;border-radius:22px;pointer-events:none;z-index:1;border:1px solid rgba(195,212,15,.16)}
.about-deco--1{top:14px;left:12px;right:12px;bottom:14px}
.about-deco--2{top:30px;right:-16px;width:52%;height:46%;border-color:rgba(255,255,255,.1)}
@media (max-width:520px){.about-deco--2{display:none}}
/* camadas */
.about-frame{z-index:2}
.about-badge{z-index:4;top:14px;left:-22px}
@media (max-width:900px){.about-badge{top:8px;left:-10px}}
/* corrige a sobreposição do texto: .about-frame-photo tinha line-height:0 e a legenda herdava */
.about-frame-caption{line-height:1.3}
.about-frame-caption strong{line-height:1.25}

/* v2.28 - painel do mapa: marcas (chips) + linhas de produto + link */
.map-info-sub{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin:16px 0 9px}
.map-chips{display:flex;flex-wrap:wrap;gap:7px}
.map-chip{display:inline-block;font-size:12.5px;font-weight:600;color:#fff;background:rgba(195,212,15,.14);border:1px solid rgba(195,212,15,.4);border-radius:100px;padding:5px 12px;line-height:1.2}
.map-info-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13.5px;font-weight:700;color:var(--lime);text-decoration:none}
.map-info-link:hover{text-decoration:underline}

/* v2.30 - HERO em janelas flutuantes (carrossel contido, troca a cada 8s) */
.hero-fw{position:relative;overflow:hidden;padding:calc(var(--header-h,80px) + clamp(24px,3vw,44px)) 0 clamp(46px,6vw,86px);background:linear-gradient(180deg,#f5f7f2,#eaefe6)}
.hero-fw-glow{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none}
.hero-fw-glow.g1{width:560px;height:560px;top:-200px;right:-120px;background:radial-gradient(circle,rgba(195,212,15,.26),transparent 66%);animation:glowPulse 8s ease-in-out infinite}
.hero-fw-glow.g2{width:520px;height:520px;bottom:-240px;left:-150px;background:radial-gradient(circle,rgba(13,52,72,.1),transparent 68%)}
.hero-fw-inner{position:relative;z-index:1;text-align:center}
.hero-fw-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--lime-muted)}
.hero-fw-eyebrow::before,.hero-fw-eyebrow::after{content:'';width:20px;height:2px;background:var(--lime);border-radius:2px}
.hero-fw-title{font-size:clamp(27px,4vw,46px);font-weight:800;letter-spacing:-.025em;line-height:1.08;color:var(--navy);margin:16px auto 0;max-width:17ch;text-wrap:balance}
.hero-fw-title span{color:var(--lime-muted)}
.hero-fw-stage{position:relative;max-width:1080px;margin:clamp(30px,4vw,50px) auto 0;aspect-ratio:2.4/1}
.hero-fw-window{position:absolute;inset:0;border-radius:22px;overflow:hidden;z-index:3;background:var(--navy-deep);box-shadow:0 54px 104px -34px rgba(9,28,36,.5),0 12px 30px -12px rgba(9,28,36,.26);animation:fwFloat 7s ease-in-out infinite}
.hero-fw-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity 1.1s ease}
.hero-fw-slide.on{opacity:1;transform:scale(1);transition:opacity 1.1s ease,transform 8.5s ease-out}
.hero-fw-deco{position:absolute;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 34px 64px -30px rgba(9,28,36,.3)}
.hero-fw-deco.d1{top:9%;bottom:9%;right:-5.5%;width:60%;z-index:2;animation:fwFloatD1 8s ease-in-out infinite}
.hero-fw-deco.d2{top:13%;bottom:13%;left:-5.5%;width:52%;z-index:1;animation:fwFloatD2 9s ease-in-out infinite}
.hero-fw-deco::before{content:'';position:absolute;top:13px;left:15px;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:14px 0 0 rgba(13,52,72,.15),28px 0 0 rgba(13,52,72,.15)}
.hero-fw-dots{display:flex;justify-content:center;gap:9px;margin-top:clamp(26px,3vw,38px)}
.hero-fw-dots button{width:9px;height:9px;border-radius:50%;border:none;background:rgba(13,52,72,.22);cursor:pointer;padding:0;transition:width .25s,background .25s}
.hero-fw-dots button.active{background:var(--lime-muted);width:26px;border-radius:5px}
@keyframes fwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fwFloatD1{0%,100%{transform:rotate(2.4deg) translateY(0)}50%{transform:rotate(2.4deg) translateY(-15px)}}
@keyframes fwFloatD2{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(11px)}}
@media(max-width:640px){.hero-fw-deco{display:none}.hero-fw-stage{max-width:none}}
@media(prefers-reduced-motion:reduce){.hero-fw-window,.hero-fw-deco,.hero-fw-glow{animation:none}.hero-fw-slide.on{transform:none;transition:opacity .5s}}