/* ============================================================
   GRUPO MATAVELI — HOME INSTITUCIONAL (v2)
   Títulos: X-Scale (embutida) | Corpo: Poppins
   Hero: carrossel de banners (admin) | editorial industrial
   ============================================================ */

/* Fonte de títulos embutida (X-Scale) — com acentos */
@font-face{font-family:'X-Scale';
  src:url('../fonts/X-Scale.woff2?v=20260609b') format('woff2'),
      url('../fonts/X-Scale.woff?v=20260609b') format('woff'),
      url('../fonts/X-Scale.ttf?v=20260609b') format('truetype');
  font-weight:100 900;font-style:normal;font-display:swap;}

/* Fonte do logotipo MATAVELI (Technopollas) */
@font-face{font-family:'Technopollas';
  src:url('../fonts/Technopollas.woff2') format('woff2'),
      url('../fonts/Technopollas.woff') format('woff'),
      url('../fonts/Technopollas.otf') format('opentype');
  font-weight:400;font-style:normal;font-display:swap;}

:root{
  --azul:#0b4866;--azul-claro:#0d5a7d;--azul-destaque:#1e90ff;
  --branco:#ffffff;--cinza-claro:#e8e8e8;--cinza:#9a9a9a;--preto:#0e1418;

  --bg:#0e1418;--bg-elev:rgba(255,255,255,.04);--bg-card:rgba(255,255,255,.05);
  --borda:rgba(255,255,255,.12);--texto:#fff;--texto-suave:#b9c4cc;--texto-fraco:#7f8c95;
  --header-bg-scroll:rgba(11,16,20,.88);--cimento-op:.10;--num-outline:rgba(255,255,255,.06);
}
html[data-tema="claro"]{
  --bg:#f4f5f6;--bg-elev:rgba(11,72,102,.04);--bg-card:#fff;--borda:rgba(11,72,102,.14);
  --texto:#11242e;--texto-suave:#3f5560;--texto-fraco:#7a8a93;
  --header-bg-scroll:rgba(255,255,255,.92);--cimento-op:.05;--num-outline:rgba(11,72,102,.07);
}

*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;font-weight:300;background:var(--bg);color:var(--texto);line-height:1.6;overflow-x:hidden;transition:background .5s,color .5s}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--cimento-op);transition:opacity .5s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.display{font-family:'X-Scale','Arial Black',sans-serif;font-weight:400;letter-spacing:.5px}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}

/* ===================== HEADER */
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background .4s,backdrop-filter .4s,box-shadow .4s;border-bottom:1px solid transparent}
.header::before{content:'';position:absolute;left:0;right:0;top:0;height:150px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 48%,rgba(0,0,0,0) 100%);transition:opacity .4s}
.header.scrolled::before{opacity:0}
.header.scrolled{background:var(--header-bg-scroll);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--borda)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;flex-direction:column;line-height:1;text-decoration:none}
.header .brand{flex-direction:row;align-items:center;gap:12px}
.brand__logo{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background-color:rgba(255,255,255,.05);background-repeat:no-repeat;background-size:calc(var(--logo-zoom,100) * 1%);background-position:calc(var(--logo-x,50) * 1%) calc(var(--logo-y,50) * 1%);flex-shrink:0}
.header .brand__txt{display:flex;flex-direction:column;line-height:1}
.brand__sup{font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--texto-fraco)}
.brand__name{font-family:'Technopollas','X-Scale','Arial Black',sans-serif;font-size:22px;letter-spacing:1px;color:var(--texto);text-transform:uppercase}
.nav{display:flex;align-items:center;gap:34px}
.nav a{color:var(--texto-suave);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:color .3s}
.nav a:hover{color:var(--azul-destaque)}
.nav__cta{border:1px solid var(--azul-destaque);color:var(--azul-destaque)!important;padding:10px 20px;border-radius:2px;transition:all .3s}
.nav__cta:hover{background:var(--azul-destaque);color:#fff!important;box-shadow:0 0 24px color-mix(in srgb,var(--azul-destaque) 40%,transparent)}
.nav__menu{display:none;background:none;border:0;color:var(--texto);font-size:26px;cursor:pointer}

/* ===================== HERO + CARROSSEL */
.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;z-index:1}
.hero__carousel{position:absolute;inset:0;z-index:-2}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;background-size:cover;background-position:center}
.hero__slide.ativo{opacity:1}
/* slides de exemplo (no admin viram imagens enviadas) */
.hero__slide--1{background:radial-gradient(1200px 700px at 75% 20%,rgba(30,144,255,.22),transparent 60%),linear-gradient(135deg,#08374a 0%,#0b4866 45%,#0d5a7d 100%)}
.hero__slide--2{background:radial-gradient(900px 600px at 25% 30%,rgba(30,144,255,.18),transparent 60%),linear-gradient(120deg,#0a2d3d 0%,#0d5a7d 60%,#106a92 100%)}
.hero__slide--3{background:radial-gradient(1000px 700px at 50% 80%,rgba(30,144,255,.2),transparent 55%),linear-gradient(160deg,#062533 0%,#0b4866 50%,#0f6489 100%)}
.hero__slide-badge{position:absolute;top:96px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.55);border:1px dashed rgba(255,255,255,.3);padding:5px 12px;border-radius:20px}
.hero__veu{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 72% 62% at 50% 46%,rgba(6,14,20,.74),transparent 72%),linear-gradient(180deg,rgba(6,14,20,.55) 0%,rgba(6,14,20,.34) 38%,rgba(6,14,20,.80) 100%)}
.hero__grade{position:absolute;inset:0;z-index:-1;opacity:.45;background-image:linear-gradient(var(--borda) 1px,transparent 1px),linear-gradient(90deg,var(--borda) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%)}

.hero__inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:118px 24px 24px;width:100%}
.hero__logo{width:var(--logo-moldura,120px);height:var(--logo-moldura,120px);margin:0 auto 26px;border:2px solid rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'X-Scale',sans-serif;font-size:40px;color:#fff;background-color:rgba(255,255,255,.05);backdrop-filter:blur(6px);overflow:hidden;background-repeat:no-repeat;background-size:calc(var(--logo-zoom,100) * 1%);background-position:calc(var(--logo-x,50) * 1%) calc(var(--logo-y,50) * 1%)}
.hero__tag{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#fff;margin-bottom:22px;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.hero__tag::before,.hero__tag::after{content:'';width:34px;height:2px;background:rgba(255,255,255,.7)}
.hero__sup{display:block;font-size:14px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--cinza-claro);margin-bottom:8px;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.hero__title{font-family:'Technopollas','X-Scale','Arial Black',sans-serif;font-size:calc(clamp(44px,8vw,96px) * var(--titulo-escala-hero,1));line-height:.95;text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 8px 40px rgba(0,0,0,.35)}
.hero__divider{width:60px;height:3px;background:var(--azul-destaque);margin:28px auto;box-shadow:0 0 20px rgba(30,144,255,.6)}
.hero__text{max-width:640px;margin:0 auto 40px;font-size:clamp(15px,1.6vw,18px);font-weight:300;color:var(--cinza-claro);line-height:1.85;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.hero__text strong{color:#fff;font-weight:500}
.hero__cta{display:inline-flex;align-items:center;gap:12px;background:var(--azul-destaque);color:#fff;text-decoration:none;padding:16px 36px;border-radius:2px;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:14px;transition:all .35s;box-shadow:0 10px 30px rgba(30,144,255,.3)}
.hero__cta:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(30,144,255,.5)}
.hero__cta .seta{transition:transform .35s}.hero__cta:hover .seta{transform:translateX(6px)}
.hero__stats{display:flex;justify-content:center;gap:64px;flex-wrap:wrap;margin-top:56px}
.stat__value{font-family:'X-Scale',sans-serif;font-size:46px;color:#fff;line-height:1}
.stat__value span{color:var(--azul-destaque)}
.stat__label{font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--cinza-claro);margin-top:8px}

/* pontos do carrossel */
.hero__foot{flex-shrink:0;position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:14px;padding-bottom:18px}
.hero__dots{display:flex;align-items:center;gap:9px;opacity:.7;transition:opacity .3s}
.hero__dots:hover{opacity:1}
.hero__dots button{width:7px;height:7px;border:0;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;transition:all .35s;padding:0}
.hero__dots button.ativo{background:var(--azul-destaque);width:18px;border-radius:4px}

.scroll-ind{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}
.scroll-ind span{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase}
.scroll-ind .linha{width:2px;height:30px;background:linear-gradient(#fff,transparent);animation:scrolldown 2s ease-in-out infinite}
@keyframes scrolldown{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

/* ===================== SEÇÕES */
.sec{position:relative;z-index:1;padding:110px 0}
.sec__head{text-align:center;max-width:680px;margin:0 auto 64px}
.sec__eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--azul-destaque);margin-bottom:14px}
.sec__title{font-family:'X-Scale','Arial Black',sans-serif;font-size:calc(clamp(30px,5vw,52px) * var(--titulo-escala,1));text-transform:uppercase;letter-spacing:1px;color:var(--texto);line-height:.82}
.sec__title .tt-sm{display:inline-block;font-size:.6em;line-height:.82}
.sec__title .tt-lg{display:inline-block;font-size:1.06em;line-height:.82;margin-top:0}
.sec__sub{margin-top:18px;color:var(--texto-suave);font-size:16px}

/* ===================== EMPRESAS */
.empresas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.empresa-card{position:relative;background:var(--bg-card);border:1px solid var(--borda);padding:42px 34px 34px;overflow:hidden;transition:transform .45s cubic-bezier(.25,.46,.45,.94),border-color .45s,box-shadow .45s}
.empresa-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--azul-destaque),transparent);opacity:0;transition:opacity .45s}
.empresa-card__num{position:absolute;top:-10px;right:14px;font-family:'X-Scale',sans-serif;font-size:110px;line-height:1;color:transparent;-webkit-text-stroke:2px var(--num-outline);pointer-events:none;transition:all .45s}
.empresa-card:hover{transform:translateY(-10px);border-color:color-mix(in srgb,var(--azul-destaque) 45%,transparent);box-shadow:0 24px 50px rgba(0,0,0,.3),0 0 36px color-mix(in srgb,var(--azul-destaque) 16%,transparent)}
.empresa-card:hover::before{opacity:1}
.empresa-card:hover .empresa-card__num{-webkit-text-stroke-color:var(--azul-destaque) !important;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--azul-destaque) 40%,transparent))}
.empresa-card__logo{width:var(--logo-moldura,64px);height:var(--logo-moldura,64px);border:1px solid var(--borda);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:'X-Scale',sans-serif;font-size:22px;color:var(--azul-destaque);margin-bottom:24px;position:relative;z-index:2;background-repeat:no-repeat;background-size:calc(var(--logo-zoom,100) * 1%);background-position:calc(var(--logo-x,50) * 1%) calc(var(--logo-y,50) * 1%);transition:border-color .45s,box-shadow .45s,transform .45s}
.empresa-card:hover .empresa-card__logo{border-color:var(--azul-destaque);box-shadow:0 0 22px color-mix(in srgb,var(--azul-destaque) 38%,transparent);transform:scale(1.06)}
.empresa-card__nome{font-family:'Technopollas','X-Scale','Arial Black',sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--azul-destaque);position:relative;z-index:2}
.empresa-card__segmento{font-family:'X-Scale','Arial Black',sans-serif;font-size:34px;text-transform:uppercase;color:var(--texto);line-height:1;margin:4px 0 0;position:relative;z-index:2;transition:color .4s,text-shadow .4s}
.empresa-card:hover .empresa-card__segmento{color:var(--azul-destaque) !important;text-shadow:0 0 22px color-mix(in srgb,var(--azul-destaque) 45%,transparent)}
.empresa-card__divider{width:40px;height:2px;background:var(--borda);margin:20px 0;transition:all .45s;position:relative;z-index:2}
.empresa-card:hover .empresa-card__divider{width:64px;background:var(--azul-destaque)}
.empresa-card__tagleg{display:inline-block;font-size:10.5px;letter-spacing:.5px;color:var(--texto-fraco);margin-bottom:16px;border:1px solid var(--borda);padding:4px 10px;border-radius:2px;position:relative;z-index:2}
.empresa-card__desc{color:var(--texto-suave);font-size:14.5px;line-height:1.75;margin-bottom:26px;position:relative;z-index:2}
.empresa-card__btn{display:inline-flex;align-items:center;gap:10px;color:var(--texto);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--borda);padding:12px 22px;border-radius:2px;transition:all .35s;position:relative;z-index:2}
.empresa-card__btn .seta{transition:transform .35s}
.empresa-card__btn:hover{background:var(--azul-destaque);border-color:var(--azul-destaque);color:#fff}
.empresa-card__btn:hover .seta{transform:translateX(5px)}

/* ===================== FAIXA */
.faixa{position:relative;z-index:1;padding:96px 0;background:radial-gradient(ellipse 90% 120% at 50% 0%,#10384f 0%,#0a1f2b 55%,#07151d 100%);overflow:hidden}
.faixa::after{content:'';position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px}
.faixa__inner{position:relative;z-index:2;text-align:center;color:#fff;max-width:820px;margin:0 auto}
.faixa__quote{font-family:'X-Scale','Arial Black',sans-serif;font-size:calc(clamp(28px,4.4vw,46px) * var(--titulo-escala,1));line-height:.82;text-transform:uppercase;letter-spacing:1px}
.faixa__quote .q-sm{display:inline-block;font-size:.56em;color:#fff;line-height:.82}
.faixa__quote .q-lg{display:inline-block;font-size:1.06em;color:var(--azul-destaque);line-height:.82;margin:0;text-shadow:0 0 24px rgba(30,144,255,.5)}
.faixa__quote .q-br{opacity:.92}
.faixa__quote em{color:var(--azul-destaque);font-style:normal;text-shadow:0 0 24px rgba(30,144,255,.5)}
.faixa__p{margin-top:22px;color:var(--cinza-claro);font-size:16px;line-height:1.8}

/* ===================== CONTATO */
.contato-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:start}
.contato__bloco h4{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--azul-destaque);margin-bottom:18px}
.contato__linha{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--borda);color:var(--texto-suave);font-size:15px}
.contato__linha:last-child{border-bottom:none}
.contato__ic{width:38px;height:38px;flex-shrink:0;border:1px solid var(--borda);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--azul-destaque)}
.contato__linha a{color:var(--texto-suave);text-decoration:none;transition:color .3s}.contato__linha a:hover{color:var(--azul-destaque)}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form .full{grid-column:1/-1}
.campo{display:flex;flex-direction:column;gap:7px}
.campo label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--texto-fraco)}
.campo input,.campo textarea{background:var(--bg-elev);border:1px solid var(--borda);color:var(--texto);padding:13px 14px;border-radius:2px;font-family:'Poppins',sans-serif;font-size:14px;transition:border-color .3s,box-shadow .3s}
.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--azul-destaque);box-shadow:0 0 0 3px rgba(30,144,255,.15)}
.campo textarea{resize:vertical;min-height:110px}
.form__btn{grid-column:1/-1;background:var(--azul-destaque);color:#fff;border:0;padding:16px;border-radius:2px;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:14px;cursor:pointer;transition:all .35s}
.form__btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,144,255,.4)}

/* ===================== RODAPÉ */
.footer{position:relative;z-index:1;background:var(--preto);border-top:1px solid var(--borda);padding:54px 0 30px}
html[data-tema="claro"] .footer{background:#0b4866}
.footer__top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer .brand__sup{color:rgba(255,255,255,.55)}.footer .brand__name{color:#fff}
.footer .brand{display:flex;flex-direction:row;align-items:center;gap:12px}
.footer .brand__txt{display:flex;flex-direction:column;line-height:1}
.footer__links{display:flex;gap:36px;flex-wrap:wrap}
.footer__links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:13px;letter-spacing:.5px;transition:color .3s}
.footer__links a:hover{color:var(--azul-destaque)}
.footer__bottom{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:rgba(255,255,255,.5);font-size:12px}



/* ===================== ANIMAÇÕES */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}
.reveal.is-in{opacity:1;transform:none}
.hero [data-anim]{opacity:0;transform:translateY(24px);animation:heroIn .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero [data-anim="1"]{animation-delay:.1s}.hero [data-anim="2"]{animation-delay:.25s}.hero [data-anim="3"]{animation-delay:.4s}
.hero [data-anim="4"]{animation-delay:.55s}.hero [data-anim="5"]{animation-delay:.7s}.hero [data-anim="6"]{animation-delay:.85s}
@keyframes heroIn{to{opacity:1;transform:none}}

/* ===================== RESPONSIVO */
@media(max-width:900px){.empresas-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}.contato-grid{grid-template-columns:1fr;gap:40px}.nav{position:fixed;top:0;right:0;width:min(82vw,320px);height:100vh;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px;background:#0e1418;border-left:1px solid rgba(255,255,255,.12);box-shadow:-14px 0 50px rgba(0,0,0,.45);padding:100px 32px 32px;transform:translateX(110%);transition:transform .32s ease;z-index:90;overflow-y:auto}.nav.aberto{transform:translateX(0)}.nav a{font-size:15px;color:#eef3f7 !important}.nav__cta{border-color:#eef3f7;color:#eef3f7 !important}html[data-tema="claro"] .nav{background:#0b4866;border-left-color:rgba(255,255,255,.16)}.nav__menu{display:block;position:relative;z-index:101}.hero__stats{gap:38px}}
@media(max-width:520px){.form{grid-template-columns:1fr}.hero__stats{flex-direction:column;gap:24px}.footer__top{flex-direction:column}.hero__inner{padding-bottom:120px}}

.hero__logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.empresa-card__logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero__slide-badge{display:none}


/* Icone WhatsApp como SVG (mesma cor dos demais icones) */
.contato__ic svg{width:20px;height:20px;fill:currentColor;display:block}

/* ===== Redes sociais (menu + rodape) ===== */
.redes{display:flex;align-items:center;gap:12px}
.rede-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--borda);border-radius:50%;color:var(--texto-suave);transition:color .3s,background .3s,border-color .3s}
.rede-ic svg{width:16px;height:16px;fill:currentColor;display:block}
.rede-ic:hover{color:#fff;background:var(--azul-destaque);border-color:var(--azul-destaque)}
.redes--nav{gap:8px;margin-left:6px}
.redes--nav .rede-ic{width:32px;height:32px}
.redes--nav .rede-ic svg{width:15px;height:15px}
.footer .rede-ic{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.18)}
.footer .rede-ic:hover{color:#fff;background:var(--azul-destaque);border-color:var(--azul-destaque)}

/* ===== Botao flutuante de WhatsApp (todas as secoes) ===== */
.wpp-flut{position:fixed;right:22px;bottom:22px;z-index:200;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .25s,box-shadow .25s;animation:wppPulse 2.4s infinite}
.wpp-flut svg{width:30px;height:30px;fill:#fff;display:block}
.wpp-flut:hover{transform:scale(1.08);box-shadow:0 10px 30px rgba(37,211,102,.5)}
@keyframes wppPulse{0%{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:520px){.wpp-flut{width:52px;height:52px;right:16px;bottom:16px}.wpp-flut svg{width:27px;height:27px}}

/* ===================== CONTATO - TELEFONES POR AREA (Fase 3) */
.contato__linha .ct-fone{display:flex;flex-direction:column;line-height:1.3;text-decoration:none;color:var(--texto-suave);transition:color .3s}
.contato__linha .ct-fone:hover{color:var(--azul-destaque)}
.contato__linha .ct-fone small{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--texto-fraco)}
.contato__linha .ct-fone span{font-size:15px;font-weight:500}

/* ===================== TEMA CLARO/ESCURO - botao + contraste do header */
/* Sobre o banner (topo): textos claros nos dois temas. Ao rolar: tematicos. */
.header:not(.scrolled) .nav a,
.header:not(.scrolled) .brand__name,
.header:not(.scrolled) .brand__sup,
.header:not(.scrolled) .nav__menu,
.header:not(.scrolled) .theme-toggle{color:#eef3f7}
.header.scrolled .nav a{color:var(--texto-suave)}
.header.scrolled .brand__name{color:var(--texto)}
.header.scrolled .brand__sup{color:var(--texto-fraco)}
.header.scrolled .nav__menu,
.header.scrolled .theme-toggle{color:var(--texto)}

.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:16px;background:none;border:0;border-radius:50%;color:#eef3f7;cursor:pointer;transition:color .3s,background .3s;flex:0 0 auto}
.theme-toggle:hover{background:rgba(127,140,149,.18);color:var(--azul-destaque)}
.theme-toggle svg{width:22px;height:22px}
.theme-toggle .ico-lua{display:none}
html[data-tema="claro"] .theme-toggle .ico-sol{display:none}
html[data-tema="claro"] .theme-toggle .ico-lua{display:inline}

/* ===================== AJUSTES MENU/ICONES (tema claro) */
/* Menu colado ao botao de tema (vale nos dois temas) */
.header__inner .nav{margin-left:auto}
@media(max-width:900px){.header__inner .theme-toggle{margin-left:auto}}

/* No tema CLARO, a barra do menu (ao rolar) usa as cores do rodape */
html[data-tema="claro"] .header.scrolled{background:#0b4866;border-bottom-color:rgba(255,255,255,.14)}
html[data-tema="claro"] .header.scrolled .nav a,
html[data-tema="claro"] .header.scrolled .brand__name,
html[data-tema="claro"] .header.scrolled .nav__menu,
html[data-tema="claro"] .header.scrolled .theme-toggle{color:#eef3f7}
html[data-tema="claro"] .header.scrolled .brand__sup{color:rgba(255,255,255,.6)}

/* Icones de contato em "negativo" no tema claro */
html[data-tema="claro"] .contato__ic{background:#0b4866;border-color:#0b4866;color:#fff}

/* ===================== HERO no mobile: banner menor e melhor enquadrado */
@media(max-width:600px){
  .hero{min-height:auto}
  .hero__inner{padding:94px 22px 40px}
  .hero__logo{--logo-moldura:88px !important;margin-bottom:18px}
  .hero__title{font-size:calc(clamp(40px,13vw,70px) * var(--titulo-escala-hero,1))}
  .hero__stats{margin-top:32px;gap:20px}
  .hero__slide{background-position:50% 58%}
}

/* O encaixe vertical do X-Scale agora e feito na propria fonte (metricas ajustadas) */


/* ==== Parallax 3D do hero ==== */
.hero__carousel,.hero__inner{will-change:transform}
.hero__maquinas{position:absolute;left:50%;bottom:0;width:96%;z-index:1;transform-origin:bottom center;pointer-events:none;will-change:transform;transform:translateX(-50%);opacity:0;transition:opacity .8s ease}
.hero__maquinas.ativo{opacity:1}
.hero__maquinas img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}

/* ===== Destaque do logo central ao passar o mouse (cor/intensidade/opacidade via painel) ===== */
.hero__logo{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s,border-color .4s}
.hero__logo:hover{transform:scale(var(--logo-fx-scale,1.072)) !important;border-color:var(--logo-fx-cor,rgba(30,144,255,.8));box-shadow:0 0 0 4px var(--logo-fx-soft,rgba(30,144,255,.21)),0 0 var(--logo-fx-blur,36px) var(--logo-fx-glow,rgba(30,144,255,.7))}