:root{
  --navy:#061426;
  --navy-2:#0b1f38;
  --blue:#123b69;
  --light:#f5f8fc;
  --white:#ffffff;
  --ink:#102033;
  --muted:#5d6b7c;
  --green:#37c871;
  --line:rgba(16,32,51,.12);
  --shadow:0 24px 70px rgba(6,20,38,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:74px}
body{font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--ink);line-height:1.6;overflow-x:hidden}
a{color:inherit}.container{width:min(1180px,92%);margin:auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(6,20,38,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--blue));display:grid;place-items:center;color:#fff;font-weight:900;border:2px solid rgba(55,200,113,.4)}.brand-text strong{display:block;color:var(--navy);line-height:1.05;font-size:1.05rem}.brand-text span{display:block;color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.menu{display:flex;align-items:center;gap:20px;justify-content:flex-end}.menu a{text-decoration:none;color:#1c2f45;font-weight:800;font-size:.94rem}.menu a:hover{color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:999px;padding:13px 20px;font-weight:900;border:1px solid transparent;transition:.2s}.btn-small{padding:10px 16px}.btn-primary{background:var(--green);color:#052115;box-shadow:0 14px 30px rgba(55,200,113,.28)}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-outline{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}.btn-dark{background:var(--navy);color:#fff}.center{justify-content:center}
.snap-wrapper{}.snap-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;padding:110px 0 58px}.hero{background:radial-gradient(circle at 80% 12%,rgba(55,200,113,.25),transparent 30%),linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);color:#fff}.hero:before,.companies:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;opacity:.55}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow,.kicker{display:inline-flex;border:1px solid rgba(55,200,113,.45);background:rgba(55,200,113,.12);color:#0f8a43;border-radius:999px;padding:7px 13px;font-weight:900;margin-bottom:18px;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.hero .eyebrow{color:#baf7ce}.hero h1,.section-title h2,.business-panel h2,.cta-card h2{font-size:clamp(2.35rem,5vw,4.85rem);line-height:1.01;letter-spacing:-.05em;margin-bottom:18px}.lead{font-size:1.2rem;color:#dce8f5;max-width:650px;margin-bottom:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.trust-row{display:flex;gap:16px;flex-wrap:wrap;color:#dce8f5;font-size:.95rem}.experience-device{height:min(620px,66vh);border-radius:44px;padding:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 100px rgba(0,0,0,.35);position:relative}.device-top{width:110px;height:7px;border-radius:999px;background:rgba(255,255,255,.32);margin:0 auto 18px}.device-screen{height:calc(100% - 25px);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));position:relative;overflow:hidden}.flow-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(55,200,113,.16),transparent 28%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px;opacity:.75}.flow-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 24%,rgba(76,235,232,.18),transparent 16%),radial-gradient(circle at 72% 66%,rgba(76,235,232,.12),transparent 18%);pointer-events:none}.flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;filter:drop-shadow(0 0 8px rgba(79,241,232,.75))}.flow-path{fill:none;stroke:rgba(76,235,232,.92);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.flow-path-main{stroke-dasharray:22 10;animation:flowMove 3.8s linear infinite}.flow-path-soft{stroke:rgba(76,235,232,.45);stroke-width:4;stroke-dasharray:14 12}.flow-path-main,.flow-path-soft{marker-end:url(#none)}@keyframes flowMove{to{stroke-dashoffset:-128}}.flow-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#7afdf1;box-shadow:0 0 18px rgba(76,235,232,.95);z-index:2}.dot-one{left:25%;top:25%}.dot-two{left:49%;top:50%}.dot-three{left:74%;top:74%}.pulse-card{position:absolute;background:rgba(255,255,255,.94);color:var(--navy);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow);min-width:205px;z-index:3;border:1px solid rgba(255,255,255,.7)}.pulse-card strong{display:block;font-size:1.02rem}.pulse-card span{display:block;color:var(--muted);font-weight:700;font-size:.9rem;margin-top:2px}.card-one{top:9%;left:8%}.card-two{top:27%;left:39%}.card-three{top:47%;right:8%}.card-four{bottom:17%;left:30%}.card-five{bottom:8%;right:9%}.scroll-hint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);color:#dce8f5;text-decoration:none;font-weight:800;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.scroll-hint:after{content:"";display:block;width:2px;height:26px;background:var(--green);margin:8px auto 0;border-radius:99px;animation:hint 1.3s infinite}@keyframes hint{0%{transform:scaleY(.2);opacity:.4}50%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.2);opacity:.4}}
.services{background:#fff}.section-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:42px;align-items:center}.section-title p,.business-panel p,.cta-card p{color:var(--muted);font-size:1.08rem;max-width:720px}.service-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-cards article{background:linear-gradient(180deg,#fff,#f7faff);border:1px solid var(--line);border-radius:26px;padding:23px;box-shadow:0 14px 42px rgba(6,20,38,.09)}.service-cards article:first-child{grid-row:span 2;background:linear-gradient(135deg,#061426,#123b69);color:#fff}.service-cards span{font-size:2rem}.service-cards h3{font-size:1.28rem;color:inherit;margin:10px 0 8px}.service-cards p{color:var(--muted)}.service-cards article:first-child p{color:#dce8f5}
.companies{background:linear-gradient(135deg,#061426,#0b1f38);color:#fff}.business-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.business-panel p{color:#dce8f5}.mini-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.mini-dashboard div,.process{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:20px}.mini-dashboard strong{display:block;font-size:1.45rem}.mini-dashboard span{color:#dce8f5}.process h3{font-size:1.8rem;margin-bottom:18px}.process ol{list-style:none}.process li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-weight:800}.process li:last-child{border-bottom:0}.process span{width:42px;height:42px;border-radius:14px;background:var(--green);color:#052115;display:grid;place-items:center;font-weight:900}
.about{background:#f5f8fc}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stats div{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;text-align:center;box-shadow:0 12px 38px rgba(6,20,38,.08)}.stats strong{display:block;color:var(--navy);font-size:2.25rem}.stats span{font-weight:800;color:var(--muted)}
.final-cta{background:radial-gradient(circle at 50% 10%,rgba(55,200,113,.28),transparent 28%),linear-gradient(135deg,#061426,#123b69);color:#fff;text-align:center}.cta-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:36px;padding:48px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.cta-card p{color:#dce8f5;margin:0 auto 26px}.cta-card .kicker{color:#baf7ce}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}
@media(max-width:1040px){.menu{gap:12px}.menu a{font-size:.86rem}.hero-grid,.section-grid,.business-grid,.about-grid{grid-template-columns:1fr}.experience-device{height:440px}.snap-section{min-height:100svh;padding:105px 0 70px}}

@media(max-width:900px){
  html{scroll-snap-type:y mandatory;scroll-padding-top:0;}
  .site-header{position:sticky;}
  .hero{min-height:100svh;padding-top:28px;padding-bottom:32px;}
  .hero-grid{display:block;}
  .hero .experience-device{display:none;}
  .mobile-flow-section{display:flex;min-height:100svh;padding:26px 0 28px;}
  .mobile-flow-device{display:block;width:min(520px,94vw);height:min(620px,74svh);margin:0 auto;}
  .mobile-flow-device .pulse-card{min-width:168px;padding:11px 13px;border-radius:16px;}
  .mobile-flow-device .pulse-card strong{font-size:.84rem;}
  .mobile-flow-device .pulse-card span{font-size:.74rem;}
  .mobile-flow-device .flow-path{stroke-width:5;}
  .mobile-flow-device .card-one{top:8%;left:5%;}
  .mobile-flow-device .card-two{top:25%;right:5%;left:auto;}
  .mobile-flow-device .card-three{top:43%;left:5%;right:auto;}
  .mobile-flow-device .card-four{bottom:22%;right:5%;left:auto;}
  .mobile-flow-device .card-five{bottom:6%;left:5%;right:auto;}
  .scroll-hint{display:block;}
}
@media(max-width:720px){.site-header{position:sticky}.nav{align-items:flex-start;flex-direction:column}.menu{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.menu a{background:rgba(6,20,38,.05);padding:10px;border-radius:14px;text-align:center}.menu .btn{grid-column:1/-1;width:100%}.snap-wrapper{}.snap-section{min-height:100svh;scroll-snap-align:start;padding:34px 0 32px}.hero{padding-top:28px}.hero-grid{gap:24px}.hero h1,.section-title h2,.business-panel h2,.cta-card h2{font-size:clamp(2rem,12vw,3.25rem);letter-spacing:-.045em}.lead{font-size:1rem}.hero-actions .btn{width:100%}.trust-row{display:grid;gap:8px}.experience-device{height:390px;border-radius:28px;padding:12px}.device-screen{border-radius:20px}.pulse-card{min-width:168px;padding:10px 12px;border-radius:16px}.pulse-card strong{font-size:.84rem}.pulse-card span{font-size:.76rem}.flow-path{stroke-width:5}.card-one{top:8%;left:5%}.card-two{top:25%;right:5%;left:auto}.card-three{top:43%;left:5%;right:auto}.card-four{bottom:22%;right:5%;left:auto}.card-five{bottom:6%;left:5%;right:auto}.service-cards,.mini-dashboard,.stats{grid-template-columns:1fr}.service-cards article:first-child{grid-row:auto}.process li{align-items:flex-start}.cta-card{padding:30px 20px}.hero .scroll-hint{display:block}}


/* =========================================================
   RESPONSIVO OFICIAL — TECNOLOGIA FLUÍDA
   Mobile/tablet em blocos naturais, sem scroll-snap/100vh.
   Desktop/notebook preservado.
   ========================================================= */

@media(max-width:900px){
  html{scroll-behavior:smooth!important;scroll-snap-type:none!important;scroll-padding-top:0!important}
  body{overflow-x:hidden!important;overscroll-behavior-y:auto!important}
  .site-header{position:sticky!important;top:0!important;z-index:1000!important}
  .snap-wrapper{scroll-snap-type:none!important}
  .snap-section{min-height:auto!important;height:auto!important;display:block!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;overflow:visible!important;padding:42px 0!important}
  .scroll-hint,.section-next,.mobile-next{display:none!important}
  #home,#fluxo-mobile,#servicos,#empresas,#sobre,#atendimento{scroll-margin-top:150px!important}
  .container{width:min(1180px,92%)!important}

  .nav{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;padding:10px 0!important}
  .brand{gap:10px!important}
  .brand-mark{width:40px!important;height:40px!important;border-radius:13px!important;font-size:.95rem!important}
  .brand-text strong{font-size:1rem!important;line-height:1.05!important}
  .brand-text span{display:block!important;font-size:.70rem!important}

  .menu{width:100%!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  .menu a{background:rgba(6,20,38,.05)!important;padding:10px 8px!important;border-radius:14px!important;text-align:center!important;font-size:.82rem!important}
  .menu .btn-small{display:none!important}

  .hero{min-height:auto!important;height:auto!important;padding:30px 0 38px!important}
  .hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;align-items:start!important}
  .hero-copy{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding-top:0!important;margin-top:0!important}
  .hero .eyebrow{display:inline-flex!important;margin:0 0 10px!important;font-size:.66rem!important;padding:6px 10px!important}
  .hero h1{font-size:clamp(1.42rem,5.8vw,2.15rem)!important;line-height:1.10!important;letter-spacing:-.035em!important;margin-bottom:12px!important;max-width:720px!important}
  .lead{display:block!important;font-size:clamp(.84rem,3vw,.96rem)!important;line-height:1.5!important;max-width:680px!important;margin:0 auto 14px!important}

  .hero-actions{width:100%!important;justify-content:center!important;gap:10px!important;margin-bottom:0!important}
  .hero-actions .btn{width:100%!important;max-width:360px!important;padding:12px 18px!important}
  .hero-actions .btn-outline{display:none!important}

  .hero .experience-device{display:block!important;width:100%!important;max-width:720px!important;height:clamp(320px,58vw,500px)!important;margin:0 auto!important;border-radius:28px!important;padding:12px!important}
  .mobile-flow-section{display:none!important}
  .device-screen{border-radius:20px!important}
  .pulse-card{min-width:164px!important;padding:10px 12px!important;border-radius:16px!important}
  .pulse-card strong{font-size:.82rem!important}
  .pulse-card span{font-size:.72rem!important}
  .flow-path{stroke-width:5!important}
  .card-one{top:8%!important;left:5%!important}
  .card-two{top:25%!important;right:5%!important;left:auto!important}
  .card-three{top:43%!important;left:5%!important;right:auto!important}
  .card-four{bottom:22%!important;right:5%!important;left:auto!important}
  .card-five{bottom:6%!important;left:5%!important;right:auto!important}

  .section-grid,.business-grid,.about-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  #servicos .section-title{display:none!important}
  #servicos .section-grid{grid-template-columns:1fr!important}

  .section-title h2,.cta-card h2{font-size:clamp(1.75rem,7vw,2.45rem)!important;line-height:1.10!important}
  .business-panel h2{font-size:clamp(1.35rem,5vw,1.95rem)!important;line-height:1.12!important;letter-spacing:-.03em!important}
  .section-title p,.business-panel p,.cta-card p{font-size:clamp(.9rem,3vw,1rem)!important;line-height:1.55!important}

  .service-cards,.mini-dashboard,.stats{grid-template-columns:1fr!important}
  .service-cards article:first-child{grid-row:auto!important}
  .service-cards article{padding:18px!important;border-radius:20px!important}
  .service-cards span{font-size:1.65rem!important}
  .service-cards h3{font-size:1.08rem!important}
  .service-cards p{font-size:.86rem!important;line-height:1.48!important}

  .mini-dashboard{margin-top:18px!important}
  .mini-dashboard div,.process{padding:18px!important;border-radius:20px!important}
  .process h3{font-size:1.35rem!important}
  .process li{align-items:flex-start!important;font-size:.88rem!important}
  .process span{width:36px!important;height:36px!important;border-radius:12px!important;font-size:.82rem!important;flex:0 0 auto!important}
  .stats div{padding:22px!important}
  .stats strong{font-size:1.85rem!important}
  .cta-card{padding:28px 20px!important;border-radius:28px!important}
}

@media(max-width:430px){
  #home,#fluxo-mobile,#servicos,#empresas,#sobre,#atendimento{scroll-margin-top:142px!important}
  .nav{padding:8px 0!important}
  .brand-mark{width:36px!important;height:36px!important;border-radius:12px!important;font-size:.86rem!important}
  .brand-text strong{font-size:.86rem!important}
  .brand-text span{font-size:.62rem!important}
  .menu{gap:6px!important}
  .menu a{padding:8px 6px!important;font-size:.72rem!important;border-radius:11px!important}
  .hero{padding:24px 0 32px!important}
  .hero h1{font-size:clamp(1.28rem,6.2vw,1.75rem)!important;line-height:1.12!important}
  .lead{font-size:.82rem!important}
  .btn{font-size:.82rem!important}
  .hero .experience-device{height:clamp(305px,80vw,380px)!important;border-radius:24px!important;padding:10px!important}
  .pulse-card{min-width:148px!important;padding:9px 10px!important;border-radius:14px!important}
  .pulse-card strong{font-size:.72rem!important}
  .pulse-card span{font-size:.63rem!important}
  .flow-path{stroke-width:4.5!important}
  .service-cards article{padding:16px!important}
  .business-panel h2{font-size:1.28rem!important}
}

@media(min-width:721px) and (max-width:900px){
  #home,#fluxo-mobile,#servicos,#empresas,#sobre,#atendimento{scroll-margin-top:128px!important}
  .nav{flex-direction:row!important;align-items:center!important}
  .menu{max-width:520px!important}
  .hero{padding:44px 0 54px!important}
  .hero .experience-device{height:clamp(420px,56vw,540px)!important}
  .service-cards{grid-template-columns:repeat(2,1fr)!important}
  .service-cards article:first-child{grid-row:span 2!important}
  .mini-dashboard,.stats{grid-template-columns:repeat(2,1fr)!important}
}



/* =========================================================
   2026Mobile_FundoBlack_CardsPadrao_Empresas
   Objetivo:
   - Manter a base enviada pelo servidor
   - Fundo escuro contínuo
   - Padronizar cards de Serviços com a mesma proporção dos cards de Empresas
   - Preparar visualmente os cards como futuros botões clicáveis
   ========================================================= */

@media(max-width:900px){

  #servicos,
  #empresas,
  #sobre,
  #atendimento{
    background:
      radial-gradient(circle at 80% 12%,rgba(55,200,113,.16),transparent 30%),
      linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%)!important;
    color:#fff!important;
  }

  #servicos::before,
  #empresas::before,
  #sobre::before,
  #atendimento::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;
    background-size:42px 42px!important;
    opacity:.55!important;
    pointer-events:none!important;
  }

  #servicos .container,
  #empresas .container,
  #sobre .container,
  #atendimento .container{
    position:relative!important;
    z-index:1!important;
  }

  #servicos .service-cards{
    width:100%!important;
    gap:12px!important;
    grid-template-columns:1fr!important;
  }

  #servicos .service-cards article,
  #servicos .service-cards article:first-child{
    display:grid!important;
    grid-template-columns:42px 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    align-items:center!important;

    min-height:96px!important;
    padding:16px 18px!important;
    border-radius:22px!important;

    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:none!important;
    color:#fff!important;
  }

  #servicos .service-cards article span{
    grid-row:1 / span 2!important;
    font-size:1.9rem!important;
    line-height:1!important;
  }

  #servicos .service-cards article h3,
  #servicos .service-cards article:first-child h3{
    color:#fff!important;
    margin:0 0 4px 0!important;
    font-size:1.05rem!important;
    line-height:1.15!important;
  }

  #servicos .service-cards article p,
  #servicos .service-cards article:first-child p{
    color:#dce8f5!important;
    margin:0!important;
    font-size:.86rem!important;
    line-height:1.35!important;
  }

  #empresas .mini-dashboard div,
  #sobre .stats div{
    min-height:96px!important;
    padding:16px 18px!important;
    border-radius:22px!important;
  }
}

@media(max-width:430px){
  #servicos .service-cards{
    gap:10px!important;
  }

  #servicos .service-cards article,
  #servicos .service-cards article:first-child{
    min-height:88px!important;
    padding:14px 16px!important;
    border-radius:20px!important;
    grid-template-columns:38px 1fr!important;
    column-gap:12px!important;
  }

  #servicos .service-cards article span{
    font-size:1.65rem!important;
  }

  #servicos .service-cards article h3{
    font-size:1rem!important;
  }

  #servicos .service-cards article p{
    font-size:.82rem!important;
    line-height:1.32!important;
  }
}



/* =========================================================
   Rev_BlackWhite_Cards02
   SOMENTE COR DOS CARDS
   - Mantém ordem atual com Hospedagem de Sites
   - Mantém tamanhos, alturas, larguras e espaçamentos
   - Serviços e Empresas com cards brancos
   ========================================================= */

@media(max-width:900px){

  /* Serviços: todos brancos, inclusive Manutenção/primeiro card */
  #servicos .service-cards article,
  #servicos .service-cards article:first-child{
    background:#ffffff!important;
    color:#102033!important;
    border:1px solid rgba(16,32,51,.12)!important;
  }

  #servicos .service-cards article h3,
  #servicos .service-cards article:first-child h3{
    color:#102033!important;
  }

  #servicos .service-cards article p,
  #servicos .service-cards article:first-child p{
    color:#5d6b7c!important;
  }

  /* Empresas: cards brancos */
  #empresas .mini-dashboard div{
    background:#ffffff!important;
    color:#102033!important;
    border:1px solid rgba(16,32,51,.12)!important;
  }

  #empresas .mini-dashboard strong{
    color:#102033!important;
  }

  #empresas .mini-dashboard span{
    color:#5d6b7c!important;
  }
}



/* =========================================================
   Rev_Sobre_CardUnico01
   - Apenas corrige a seção Sobre
   - Remove os cards 29+/4/Mobile/CRM via HTML
   - Cria um card branco único com texto institucional
   - Mantém o CTA final existente
   ========================================================= */

#sobre .about-grid{
  grid-template-columns:1fr!important;
}

#sobre .sobre-card-unico{
  background:#ffffff!important;
  color:#102033!important;
  border:1px solid rgba(16,32,51,.12)!important;
  border-radius:26px!important;
  padding:32px!important;
  box-shadow:0 14px 42px rgba(6,20,38,.09)!important;
  max-width:960px!important;
  margin:0 auto!important;
}

#sobre .sobre-card-unico h2{
  color:#102033!important;
  font-size:clamp(1.7rem,4vw,2.7rem)!important;
  line-height:1.12!important;
  margin:0 0 22px 0!important;
  letter-spacing:-.035em!important;
}

#sobre .sobre-card-unico p{
  color:#38465a!important;
  font-size:1.05rem!important;
  line-height:1.75!important;
  margin:0 0 18px 0!important;
}

#sobre .sobre-card-unico p:last-child{
  margin-bottom:0!important;
}

@media(max-width:900px){
  #sobre .sobre-card-unico{
    padding:24px 22px!important;
    border-radius:22px!important;
  }

  #sobre .sobre-card-unico h2{
    font-size:1.65rem!important;
    margin-bottom:18px!important;
  }

  #sobre .sobre-card-unico p{
    font-size:.95rem!important;
    line-height:1.65!important;
    margin-bottom:14px!important;
  }
}

@media(max-width:430px){
  #sobre .sobre-card-unico{
    padding:22px 18px!important;
    border-radius:20px!important;
  }

  #sobre .sobre-card-unico h2{
    font-size:1.45rem!important;
  }

  #sobre .sobre-card-unico p{
    font-size:.9rem!important;
    line-height:1.6!important;
  }
}


/* =========================================================
   Página Manutenção — Apresentação técnica
   ========================================================= */

.service-card-link{display:block;text-decoration:none;color:inherit;border-radius:inherit}
.service-card-link article{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.service-card-link:hover article,.service-card-link:focus-visible article{
  transform:translateY(-2px);
  border-color:rgba(55,200,113,.75)!important;
  box-shadow:0 14px 34px rgba(55,200,113,.18)!important;
}
.page-enter{animation:pageFadeIn .38s ease both}
@keyframes pageFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.maintenance-page{
  background:
    radial-gradient(circle at 80% 12%,rgba(55,200,113,.14),transparent 28%),
    linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);
  color:#fff;
}
.maintenance-main{padding-top:86px}
.maintenance-intro{padding:46px 0 24px}
.maintenance-intro h1{
  font-size:clamp(2.2rem,5vw,4.4rem);
  line-height:1.03;
  letter-spacing:-.05em;
  margin:10px 0 16px;
  max-width:820px;
}
.maintenance-intro p{
  max-width:780px;
  color:#dce8f5;
  font-size:1.08rem;
  line-height:1.7;
}
.back-link{
  display:inline-block;
  color:#dce8f5;
  font-weight:800;
  text-decoration:none;
  margin-bottom:16px;
}

.maintenance-section{padding:34px 0}
.maintenance-title{
  text-align:center;
  font-size:clamp(1.7rem,4vw,2.55rem);
  margin-bottom:22px;
}
.maintenance-services{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.maintenance-services article,
.maintenance-info-card,
.service-detail-cta,
.bancada-card{
  background:#fff;
  color:#102033;
  border:1px solid rgba(16,32,51,.12);
  border-radius:24px;
  box-shadow:0 14px 42px rgba(6,20,38,.14);
}
.maintenance-services article{
  padding:24px;
  text-align:center;
}
.maintenance-services span{font-size:2rem}
.maintenance-services h2{font-size:1.15rem;margin:10px 0 8px}
.maintenance-services p{color:#5d6b7c;line-height:1.5}

.maintenance-gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.maintenance-gallery figure,
.honeywell-gallery figure{
  background:#fff;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 14px 42px rgba(6,20,38,.14);
}
.maintenance-gallery img,
.honeywell-gallery img{
  width:100%;
  display:block;
  object-fit:cover;
}
.maintenance-gallery img{height:240px}
.maintenance-gallery figcaption,
.honeywell-gallery figcaption{
  padding:16px;
  color:#102033;
}
.maintenance-gallery figcaption strong,
.maintenance-gallery figcaption span{display:block}
.maintenance-gallery figcaption span{color:#5d6b7c;margin-top:5px;line-height:1.45}

.maintenance-two-columns{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.maintenance-info-card{padding:28px}
.maintenance-info-card h2{font-size:1.55rem;margin-bottom:10px}
.maintenance-info-card p{color:#5d6b7c;line-height:1.65;margin-bottom:14px}
.maintenance-info-card ul{padding-left:20px;color:#38465a}
.maintenance-info-card li{margin:8px 0}

.honeywell-gallery{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.honeywell-gallery img{height:360px}
.honeywell-gallery figcaption{text-align:center;font-weight:800}

.bancada-card{overflow:hidden}
.bancada-card img{
  display:block;
  width:100%;
  height:auto;
}

.service-detail-cta{
  text-align:center;
  padding:34px 24px;
}
.service-detail-cta h2{font-size:clamp(1.7rem,4vw,2.6rem);margin-bottom:8px}
.service-detail-cta p{color:#5d6b7c;margin-bottom:18px}

@media(max-width:900px){
  .maintenance-main{padding-top:0}
  .maintenance-intro{padding:30px 0 18px}
  .maintenance-intro h1{font-size:2.25rem}
  .maintenance-intro p{font-size:.98rem}
  .maintenance-services{grid-template-columns:repeat(2,1fr)}
  .maintenance-gallery{grid-template-columns:repeat(2,1fr)}
  .maintenance-two-columns{grid-template-columns:1fr}
  .honeywell-gallery{grid-template-columns:1fr}
}

@media(max-width:520px){
  .maintenance-section{padding:28px 0}
  .maintenance-services{grid-template-columns:1fr}
  .maintenance-gallery{grid-template-columns:1fr}
  .maintenance-gallery img{height:260px}
  .honeywell-gallery img{height:280px}
  .maintenance-services article,
  .maintenance-info-card,
  .service-detail-cta,
  .bancada-card{border-radius:20px}
  .maintenance-intro h1{font-size:1.9rem}
}



/* =========================================================
   Manutenção Test04 — redução global de 10% + setas
   Base oficial homologada enviada pelo usuário
   ========================================================= */

@media(max-width:900px){

  /* Escala proporcional em toda a página de manutenção */
  .maintenance-main{
    font-size:90%!important;
  }

  .maintenance-main .container{
    width:min(1180px,90%)!important;
  }

  .maintenance-section{
    padding:30px 0!important;
  }

  .maintenance-services,
  .maintenance-gallery,
  .maintenance-two-columns,
  .honeywell-gallery{
    gap:14px!important;
  }

  .maintenance-services article{
    padding:22px!important;
    border-radius:22px!important;
  }

  .maintenance-services span{
    font-size:1.8rem!important;
  }

  .maintenance-services h2{
    font-size:1.04rem!important;
    margin:9px 0 7px!important;
  }

  .maintenance-services p{
    font-size:.90em!important;
    line-height:1.45!important;
  }

  .maintenance-info-card{
    padding:25px!important;
    border-radius:22px!important;
  }

  .maintenance-info-card h2{
    font-size:1.4rem!important;
  }

  .maintenance-info-card p,
  .maintenance-info-card li{
    font-size:.92em!important;
  }

  .maintenance-title{
    font-size:clamp(1.55rem,3.6vw,2.3rem)!important;
    margin-bottom:20px!important;
  }

  .maintenance-gallery img{
    height:216px!important;
  }

  .maintenance-gallery figcaption,
  .honeywell-gallery figcaption{
    padding:14px!important;
  }

  .maintenance-gallery figcaption strong,
  .maintenance-gallery figcaption span,
  .honeywell-gallery figcaption{
    font-size:.92em!important;
  }

  .honeywell-gallery img{
    height:324px!important;
  }

  .service-detail-cta{
    padding:30px 22px!important;
    border-radius:24px!important;
  }

  .service-detail-cta h2{
    font-size:clamp(1.5rem,3.6vw,2.3rem)!important;
  }

  .service-detail-cta p,
  .service-detail-cta .btn{
    font-size:.92em!important;
  }

  .bancada-card{
    border-radius:22px!important;
  }

  /* Setas de navegação entre seções */
  .maintenance-nav-arrow{
    display:block;
    width:48px;
    height:48px;
    margin:4px auto 10px;
    padding:0;
    border:1px solid rgba(55,200,113,.55);
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#baf7ce;
    font-size:2rem;
    line-height:42px;
    text-align:center;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
    animation:maintenanceArrow 1.4s ease-in-out infinite;
  }

  .maintenance-nav-arrow:focus-visible{
    outline:3px solid rgba(55,200,113,.35);
    outline-offset:4px;
  }

  #detalhes-servicos,
  #trabalhos-realizados,
  #nossa-bancada{
    scroll-margin-top:150px;
  }

  @keyframes maintenanceArrow{
    0%,100%{transform:translateY(0);opacity:.65}
    50%{transform:translateY(7px);opacity:1}
  }
}

@media(max-width:520px){

  .maintenance-main .container{
    width:90%!important;
  }

  .maintenance-section{
    padding:25px 0!important;
  }

  .maintenance-services article{
    padding:20px!important;
    border-radius:18px!important;
  }

  .maintenance-gallery img{
    height:234px!important;
  }

  .honeywell-gallery img{
    height:252px!important;
  }

  .maintenance-nav-arrow{
    width:44px;
    height:44px;
    font-size:1.8rem;
    line-height:38px;
  }
}



/* =========================================================
   Test07 — Smartphone sem suporte Honeywell
   Mantém tablet e desktop como na base homologada.
   ========================================================= */

.maintenance-two-columns{
  grid-template-columns:1fr!important;
}

@media(max-width:900px){
  .maintenance-info-card{
    width:100%!important;
    max-width:860px!important;
    margin:0 auto!important;
  }
}

@media(max-width:520px){
  .site-header .nav{gap:7px!important;padding:7px 0!important}
  .site-header .brand{gap:8px!important}
  .site-header .brand-mark{width:34px!important;height:34px!important;border-radius:11px!important;font-size:.82rem!important}
  .site-header .brand-text strong{font-size:.84rem!important}
  .site-header .brand-text span{font-size:.59rem!important}
  .site-header .menu{gap:5px!important}
  .site-header .menu a{padding:7px 5px!important;border-radius:10px!important;font-size:.69rem!important}

  .maintenance-main .container{width:92%!important}
  .maintenance-section{padding:20px 0!important}

  .maintenance-services{grid-template-columns:1fr!important;gap:9px!important}
  .maintenance-services article{min-height:auto!important;padding:15px 14px!important;border-radius:17px!important}
  .maintenance-services span{font-size:1.42rem!important}
  .maintenance-services h2{font-size:.92rem!important;margin:6px 0 4px!important}
  .maintenance-services p{font-size:.76rem!important;line-height:1.35!important}

  .maintenance-two-columns{gap:10px!important}
  .maintenance-info-card{padding:18px!important;border-radius:18px!important}
  .maintenance-info-card h2{font-size:1.16rem!important;margin-bottom:7px!important}
  .maintenance-info-card p,.maintenance-info-card li{font-size:.80rem!important;line-height:1.45!important}
  .maintenance-info-card li{margin:5px 0!important}

  .maintenance-title{font-size:1.35rem!important;margin-bottom:14px!important}

  .maintenance-gallery{grid-template-columns:1fr!important;gap:10px!important}
  .maintenance-gallery figure{border-radius:18px!important}
  .maintenance-gallery img{height:215px!important}
  .maintenance-gallery figcaption{padding:12px!important}
  .maintenance-gallery figcaption strong{font-size:.88rem!important}
  .maintenance-gallery figcaption span{font-size:.77rem!important;line-height:1.38!important}

  .bancada-card{border-radius:18px!important}

  .service-detail-cta{padding:22px 16px!important;border-radius:20px!important}
  .service-detail-cta h2{font-size:1.35rem!important;line-height:1.15!important}
  .service-detail-cta p{font-size:.80rem!important;line-height:1.45!important;margin-bottom:14px!important}
  .service-detail-cta .btn{width:100%!important;max-width:320px!important;padding:11px 15px!important;font-size:.80rem!important}

  .maintenance-nav-arrow{width:42px!important;height:42px!important;margin:1px auto 8px!important;font-size:1.65rem!important;line-height:36px!important}
  .maintenance-nav-arrow-first{margin-top:-12px!important;margin-bottom:10px!important}
  #detalhes-servicos,#trabalhos-realizados,#nossa-bancada{scroll-margin-top:138px!important}
}

@media(max-width:380px){
  .maintenance-main .container{width:94%!important}
  .maintenance-services article{padding:13px 12px!important}
  .maintenance-gallery img{height:195px!important}
  .site-header .menu a{font-size:.65rem!important}
}



/* =========================================================
   2026Tablet Oficial Teste02 — Página Criação de Sites
   ========================================================= */

.creation-page{
  background:
    radial-gradient(circle at 80% 12%,rgba(55,200,113,.14),transparent 28%),
    linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);
  color:#fff;
}

.creation-main{
  padding-top:86px;
}

.creation-section{
  padding:30px 0;
}

.creation-services{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.creation-services article,
.creation-info-card,
.creation-process article,
.creation-differences article,
.creation-cta{
  background:#fff;
  color:#102033;
  border:1px solid rgba(16,32,51,.12);
  border-radius:22px;
  box-shadow:0 14px 42px rgba(6,20,38,.14);
}

.creation-services article{
  min-height:150px;
  padding:22px;
  text-align:center;
}

.creation-services span{
  font-size:1.8rem;
}

.creation-services h2{
  font-size:1.08rem;
  margin:8px 0 6px;
}

.creation-services p{
  color:#5d6b7c;
  font-size:.88rem;
  line-height:1.45;
}

.creation-info-card{
  max-width:920px;
  margin:0 auto;
  padding:28px;
}

.creation-info-card h2{
  font-size:1.65rem;
  margin-bottom:12px;
}

.creation-info-card p{
  color:#5d6b7c;
  line-height:1.65;
  margin-bottom:10px;
}

.creation-highlight{
  text-align:center;
}

.creation-title{
  text-align:center;
  font-size:clamp(1.6rem,3.5vw,2.35rem);
  margin-bottom:20px;
}

.creation-process{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}

.creation-process article{
  padding:20px 16px;
  text-align:center;
}

.creation-process span{
  width:42px;
  height:42px;
  margin:0 auto 12px;
  border-radius:14px;
  background:#37c871;
  color:#052115;
  display:grid;
  place-items:center;
  font-weight:900;
}

.creation-process h3{
  font-size:1rem;
  margin-bottom:7px;
}

.creation-process p{
  color:#5d6b7c;
  font-size:.82rem;
  line-height:1.4;
}

.creation-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px 22px;
  padding-left:20px;
  color:#38465a;
}

.creation-list li{
  padding:5px 0;
}

.creation-differences{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.creation-differences article{
  padding:22px;
}

.creation-differences h3{
  margin-bottom:7px;
}

.creation-differences p{
  color:#5d6b7c;
  line-height:1.5;
}

.creation-cta{
  text-align:center;
  padding:32px 24px;
}

.creation-cta h2{
  font-size:clamp(1.55rem,3.5vw,2.35rem);
  margin-bottom:10px;
}

.creation-cta p{
  color:#5d6b7c;
  margin:0 auto 18px;
  max-width:720px;
}

.creation-nav-arrow{
  display:block;
  width:46px;
  height:46px;
  margin:2px auto 10px;
  padding:0;
  border:1px solid rgba(55,200,113,.55);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#baf7ce;
  font-size:1.9rem;
  line-height:40px;
  text-align:center;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  animation:creationArrow 1.4s ease-in-out infinite;
}

.creation-nav-arrow-first{
  margin-top:-12px;
}

@keyframes creationArrow{
  0%,100%{transform:translateY(0);opacity:.65}
  50%{transform:translateY(7px);opacity:1}
}

#resultados,
#processo,
#inclui,
#diferenciais{
  scroll-margin-top:128px;
}

@media(max-width:900px){
  .creation-main{
    padding-top:0;
  }

  .creation-services{
    grid-template-columns:repeat(2,1fr);
  }

  .creation-process{
    grid-template-columns:repeat(2,1fr);
  }

  .creation-list{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:520px){
  .creation-section{
    padding:22px 0;
  }

  .creation-services,
  .creation-process,
  .creation-list,
  .creation-differences{
    grid-template-columns:1fr;
  }

  .creation-services article{
    min-height:auto;
    padding:17px 15px;
  }

  .creation-info-card,
  .creation-process article,
  .creation-differences article,
  .creation-cta{
    padding:19px;
    border-radius:18px;
  }

  .creation-title{
    font-size:1.35rem;
    margin-bottom:14px;
  }

  .creation-info-card h2{
    font-size:1.25rem;
  }

  .creation-nav-arrow{
    width:42px;
    height:42px;
    font-size:1.65rem;
    line-height:36px;
  }
}



/* =========================================================
   Criação de Sites — Setas corrigidas (Tablet Teste03)
   ========================================================= */

.creation-nav-arrow{
  display:block!important;
  width:48px!important;
  height:48px!important;
  margin:4px auto 12px!important;
  padding:0!important;
  border:1px solid rgba(55,200,113,.65)!important;
  border-radius:50%!important;
  background:rgba(6,20,38,.88)!important;
  color:#baf7ce!important;
  font-size:2rem!important;
  line-height:42px!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 16px rgba(55,200,113,.18)!important;
  animation:creationArrowFixed 1.35s ease-in-out infinite!important;
  position:relative!important;
  z-index:20!important;
}

.creation-nav-arrow-first{
  margin-top:-8px!important;
}

.creation-nav-arrow:focus-visible{
  outline:3px solid rgba(55,200,113,.38)!important;
  outline-offset:4px!important;
}

@keyframes creationArrowFixed{
  0%,100%{transform:translateY(0);opacity:.68}
  50%{transform:translateY(7px);opacity:1}
}

#resultados,
#processo,
#inclui,
#diferenciais{
  scroll-margin-top:128px!important;
}

@media(max-width:900px){
  .creation-nav-arrow{
    width:46px!important;
    height:46px!important;
    font-size:1.9rem!important;
    line-height:40px!important;
    margin:2px auto 10px!important;
  }
}

@media(max-width:520px){
  .creation-nav-arrow{
    width:44px!important;
    height:44px!important;
    font-size:1.75rem!important;
    line-height:38px!important;
  }
}



/* =========================================================
   2026Tablet Oficial Teste05
   Página Criação de Sites — indicador lateral de rolagem
   ========================================================= */

.creation-page{
  padding-right:18px;
}

.creation-scroll-rail{
  position:fixed;
  top:18%;
  right:7px;
  width:8px;
  height:64vh;
  z-index:5000;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  overflow:hidden;
  pointer-events:none;
  backdrop-filter:blur(3px);
}

.creation-scroll-thumb{
  width:100%;
  height:19%;
  min-height:54px;
  border-radius:999px;
  background:linear-gradient(180deg,#52db86,#20a95a);
  box-shadow:0 0 14px rgba(55,200,113,.65);
  transform:translateY(0);
  transition:transform .08s linear;
}

.creation-scroll-rail.is-at-start .creation-scroll-thumb{
  animation:creationScrollPulse 1.35s ease-in-out 3;
}

.creation-scroll-rail.is-at-end .creation-scroll-thumb{
  box-shadow:0 0 9px rgba(55,200,113,.42);
}

@keyframes creationScrollPulse{
  0%,100%{
    filter:brightness(1);
    box-shadow:0 0 10px rgba(55,200,113,.45);
  }
  50%{
    filter:brightness(1.18);
    box-shadow:0 0 20px rgba(55,200,113,.9);
  }
}

@media(max-width:900px){
  .creation-page{
    padding-right:15px;
  }

  .creation-scroll-rail{
    top:17%;
    right:5px;
    width:7px;
    height:66vh;
  }

  .creation-scroll-thumb{
    min-height:48px;
  }
}

@media(max-width:520px){
  .creation-page{
    padding-right:13px;
  }

  .creation-scroll-rail{
    top:18%;
    right:4px;
    width:6px;
    height:64vh;
    background:rgba(255,255,255,.25);
  }

  .creation-scroll-thumb{
    min-height:44px;
  }
}



/* =========================================================
   2026Tablet Oficial Teste06
   Barra lateral mais larga + indicador em formato de seta
   ========================================================= */

.creation-page{
  padding-right:24px!important;
}

.creation-scroll-rail{
  right:6px!important;
  width:14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.28)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
  overflow:visible!important;
}

.creation-scroll-thumb{
  position:relative!important;
  width:14px!important;
  height:18%!important;
  min-height:62px!important;
  border-radius:999px 999px 8px 8px!important;
  background:linear-gradient(180deg,#65e394 0%,#2bc86d 58%,#1ea857 100%)!important;
  box-shadow:
    0 0 0 2px rgba(55,200,113,.14),
    0 0 18px rgba(55,200,113,.82)!important;
  transition:transform .08s linear!important;
}

.creation-scroll-thumb::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-10px!important;
  transform:translateX(-50%)!important;
  width:0!important;
  height:0!important;
  border-left:9px solid transparent!important;
  border-right:9px solid transparent!important;
  border-top:12px solid #1ea857!important;
  filter:drop-shadow(0 5px 6px rgba(30,168,87,.42))!important;
}

.creation-scroll-rail.is-at-start .creation-scroll-thumb{
  animation:creationScrollArrowPulse 1.25s ease-in-out 3!important;
}

@keyframes creationScrollArrowPulse{
  0%,100%{
    filter:brightness(1);
    box-shadow:
      0 0 0 2px rgba(55,200,113,.14),
      0 0 14px rgba(55,200,113,.58);
  }
  50%{
    filter:brightness(1.2);
    box-shadow:
      0 0 0 4px rgba(55,200,113,.18),
      0 0 26px rgba(55,200,113,1);
  }
}

@media(max-width:900px){
  .creation-page{
    padding-right:22px!important;
  }

  .creation-scroll-rail{
    right:5px!important;
    width:13px!important;
  }

  .creation-scroll-thumb{
    width:13px!important;
    min-height:58px!important;
  }

  .creation-scroll-thumb::after{
    border-left-width:8px!important;
    border-right-width:8px!important;
    border-top-width:11px!important;
  }
}

@media(max-width:520px){
  .creation-page{
    padding-right:20px!important;
  }

  .creation-scroll-rail{
    right:4px!important;
    width:12px!important;
  }

  .creation-scroll-thumb{
    width:12px!important;
    min-height:54px!important;
  }

  .creation-scroll-thumb::after{
    bottom:-9px!important;
    border-left-width:8px!important;
    border-right-width:8px!important;
    border-top-width:10px!important;
  }
}



/* =========================================================
   2026Tablet Oficial Teste07
   Indicador verde acompanha a rolagem do início ao fim
   ========================================================= */

.creation-scroll-rail{
  overflow:visible!important;
}

.creation-scroll-thumb{
  position:absolute!important;
  top:0;
  left:0!important;
  transform:none!important;
  transition:top .10s linear!important;
  will-change:top;
}

/* O pulso agora usa brilho/escala, sem alterar a posição vertical. */
.creation-scroll-rail.is-at-start .creation-scroll-thumb{
  animation:creationScrollContinuousPulse 1.25s ease-in-out 3!important;
}

.creation-scroll-rail.is-at-end .creation-scroll-thumb{
  filter:brightness(1.08);
  box-shadow:
    0 0 0 3px rgba(55,200,113,.17),
    0 0 22px rgba(55,200,113,.9)!important;
}

@keyframes creationScrollContinuousPulse{
  0%,100%{
    scale:1;
    filter:brightness(1);
    box-shadow:
      0 0 0 2px rgba(55,200,113,.14),
      0 0 14px rgba(55,200,113,.58);
  }
  50%{
    scale:1.08;
    filter:brightness(1.2);
    box-shadow:
      0 0 0 4px rgba(55,200,113,.18),
      0 0 27px rgba(55,200,113,1);
  }
}

/* Evita que animações anteriores baseadas em transform interfiram no movimento. */
.creation-scroll-thumb,
.creation-scroll-rail.is-at-start .creation-scroll-thumb{
  transform:none!important;
}


/* Rev06 — navegação por páginas independentes */
.menu a[aria-current="page"]{color:#20a958;}


/* =========================================================
   Rev08 — Home estratégica e preparada para expansão
   ========================================================= */
.home-trust-section,
.home-services-preview{
  position:relative;
  padding:92px 0;
  overflow:hidden;
}
.home-trust-section{
  background:#f5f8fc;
}
.home-services-preview{
  background:linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);
  color:#fff;
}
.home-services-preview:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.55;
  pointer-events:none;
}
.home-services-preview .container{position:relative;z-index:1}
.home-section-heading{max-width:820px;margin:0 auto 34px;text-align:center}
.home-section-heading h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:14px}
.home-section-heading p{font-size:1.05rem;color:#5d6b7c}
.home-services-preview .home-section-heading p{color:#dce8f5}
.home-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.home-trust-card{display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid rgba(16,32,51,.12);border-radius:26px;padding:26px;box-shadow:0 14px 42px rgba(6,20,38,.09)}
.home-trust-card-featured{background:linear-gradient(135deg,#061426,#123b69);color:#fff}
.home-trust-icon{width:74px;height:74px;border-radius:22px;background:rgba(55,200,113,.14);display:grid;place-items:center;font-size:1.8rem;font-weight:900;color:#15914b}
.home-trust-card-featured .home-trust-icon{background:#37c871;color:#052115;font-size:2.15rem}
.home-trust-card h3{font-size:1.25rem;line-height:1.2;margin-bottom:7px}
.home-trust-card p{color:#5d6b7c;line-height:1.5}
.home-trust-card-featured p{color:#dce8f5}
.home-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.home-service-card{text-decoration:none;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:26px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.home-service-card:hover,.home-service-card:focus-visible{transform:translateY(-3px);border-color:rgba(55,200,113,.8);background:rgba(255,255,255,.12)}
.home-service-card span{font-size:2rem}.home-service-card h3{font-size:1.28rem;margin:10px 0 7px}.home-service-card p{color:#dce8f5}
.home-services-action{text-align:center;margin-top:28px}
@media(max-width:900px){
  .home-trust-section,.home-services-preview{padding:48px 0!important}
  .home-trust-grid,.home-services-grid{grid-template-columns:1fr!important;gap:12px!important}
  .home-section-heading{margin-bottom:24px!important}
  .home-section-heading h2{font-size:clamp(1.55rem,5.5vw,2.2rem)!important}
  .home-section-heading p{font-size:.92rem!important}
  .home-trust-card{grid-template-columns:58px 1fr!important;padding:18px!important;border-radius:22px!important;gap:14px!important}
  .home-trust-icon{width:58px!important;height:58px!important;border-radius:18px!important;font-size:1.45rem!important}
  .home-trust-card-featured .home-trust-icon{font-size:1.7rem!important}
  .home-trust-card h3{font-size:1.05rem!important}.home-trust-card p{font-size:.86rem!important}
  .home-service-card{padding:19px!important;border-radius:22px!important}
  .home-service-card span{font-size:1.65rem!important}.home-service-card h3{font-size:1.08rem!important}.home-service-card p{font-size:.86rem!important}
}
@media(max-width:430px){
  .home-trust-section,.home-services-preview{padding:40px 0!important}
  .home-trust-card{grid-template-columns:52px 1fr!important;padding:16px!important}
  .home-trust-icon{width:52px!important;height:52px!important;border-radius:16px!important}
}


/* =========================================================
   Rev09 — Página Nossa Rede
   ========================================================= */
.network-page{background:#f5f8fc}
.network-hero{background:radial-gradient(circle at 80% 12%,rgba(55,200,113,.23),transparent 30%),linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);color:#fff;min-height:auto;padding:145px 0 72px;overflow:hidden}
.network-hero:before,.network-platform:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;opacity:.55;pointer-events:none}
.network-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}
.network-intro h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.05em;margin-bottom:20px}
.network-intro p{font-size:1.12rem;line-height:1.75;color:#dce8f5;max-width:740px}
.network-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.network-principles div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:22px;min-height:132px}
.network-principles strong,.network-principles span{display:block}.network-principles strong{font-size:1.2rem;margin-bottom:7px}.network-principles span{color:#dce8f5;line-height:1.5}
.network-section{position:relative;padding:72px 0}
.network-heading{text-align:center;max-width:820px;margin:0 auto 30px}.network-heading h2,.network-platform-copy h2,.network-commitment-card h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em}
.network-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.network-cards article{background:#fff;border:1px solid rgba(16,32,51,.12);border-radius:26px;padding:28px;box-shadow:0 14px 42px rgba(6,20,38,.09)}
.network-cards article>span{font-size:2rem}.network-cards h3{font-size:1.28rem;margin:12px 0 8px}.network-cards p{color:#5d6b7c;line-height:1.65}
.network-platform{background:linear-gradient(135deg,#061426,#0b1f38);color:#fff;overflow:hidden}
.network-platform-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:center}
.network-platform-copy p{color:#dce8f5;font-size:1.05rem;line-height:1.7;margin-top:16px}
.platform-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.platform-items span{background:#fff;color:#102033;border-radius:18px;padding:17px 18px;font-weight:900;border:1px solid rgba(255,255,255,.5)}
.network-commitment{background:#f5f8fc}.network-commitment-card{max-width:980px;margin:auto;background:#fff;border:1px solid rgba(16,32,51,.12);border-radius:30px;padding:40px;text-align:center;box-shadow:0 18px 50px rgba(6,20,38,.1)}
.network-commitment-card p{max-width:800px;margin:18px auto 0;color:#5d6b7c;font-size:1.05rem;line-height:1.75}
@media(max-width:900px){
  .network-hero{padding:38px 0!important}.network-hero-grid,.network-platform-grid{grid-template-columns:1fr!important}.network-intro{text-align:center}.network-intro h1{font-size:clamp(1.7rem,6vw,2.45rem)!important}.network-intro p{font-size:.95rem!important}.network-principles{grid-template-columns:repeat(2,1fr)!important}.network-section{padding:42px 0!important}.network-cards{grid-template-columns:1fr!important}.network-cards article{padding:22px!important;border-radius:22px!important}.network-platform-copy{text-align:center}.network-commitment-card{padding:28px 22px!important;border-radius:24px!important}.network-page .final-cta{padding:42px 0!important}
}
@media(max-width:520px){.network-principles,.platform-items{grid-template-columns:1fr!important}.network-principles div{min-height:auto;padding:18px}.network-cards article{padding:20px!important}.network-commitment-card p{font-size:.94rem!important}}


/* =========================================================
   Rev10 — Nossa Rede refinada
   - Remove texto repetitivo do hero
   - Cards de princípios em fundo branco
   - Novo título: Como nossa rede funciona
   ========================================================= */
.network-principles div{
  background:#ffffff!important;
  color:#102033!important;
  border:1px solid rgba(16,32,51,.12)!important;
  box-shadow:0 14px 42px rgba(6,20,38,.12)!important;
}
.network-principles strong{color:#102033!important;}
.network-principles span{color:#5d6b7c!important;}
@media(max-width:900px){
  .network-hero-grid{gap:28px!important;}
}

/* =========================================================
   Rev11 — Nossa Rede: refinamento tipográfico final
   - Redução do destaque "Nossa Rede" e do título principal
   - Título da estrutura em uma única linha no tablet
   ========================================================= */
@media(max-width:900px){
  .network-intro .kicker{
    font-size:.60rem!important;
    padding:5px 9px!important;
  }

  .network-intro h1{
    font-size:clamp(1.53rem,5.4vw,2.20rem)!important;
    line-height:1.05!important;
  }

  .network-heading h2{
    font-size:clamp(.72rem,2.8vw,1.35rem)!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
  }
}

@media(max-width:430px){
  .network-heading h2{
    font-size:clamp(.68rem,2.75vw,.82rem)!important;
  }
}


/* =========================================================
   Rev12 — Nossa Rede compacta
   - Redução visual aproximada de 15% na altura dos cards
   - Mantém fontes, ícones, cores e largura
   - Aplicado somente à página Nossa Rede em tablet/mobile
   ========================================================= */
@media(max-width:900px){
  .network-principles{
    gap:12px!important;
  }
  .network-principles div{
    min-height:112px!important;
    padding:19px!important;
    border-radius:20px!important;
  }

  .network-cards{
    gap:15px!important;
  }
  .network-cards article{
    padding:18px!important;
    border-radius:19px!important;
  }
  .network-cards h3{
    margin:10px 0 7px!important;
  }
  .network-cards p{
    line-height:1.48!important;
  }

  .platform-items{
    gap:10px!important;
  }
  .platform-items span{
    padding:14px 15px!important;
    border-radius:15px!important;
  }

  .network-commitment-card{
    padding:24px 19px!important;
    border-radius:20px!important;
  }
  .network-commitment-card p{
    margin-top:15px!important;
    line-height:1.55!important;
  }
}

@media(max-width:520px){
  .network-principles{
    gap:10px!important;
  }
  .network-principles div{
    min-height:auto!important;
    padding:15px!important;
    border-radius:18px!important;
  }

  .network-cards{
    gap:12px!important;
  }
  .network-cards article{
    padding:17px!important;
    border-radius:18px!important;
  }

  .platform-items span{
    padding:12px 14px!important;
    border-radius:14px!important;
  }

  .network-commitment-card{
    padding:22px 18px!important;
    border-radius:18px!important;
  }
}


/* Rev13 — Nossa Rede Ultra Compacta */
@media(max-width:900px){
.network-section{padding:30px 0!important;}
.network-heading{margin:0 auto 18px!important;}
.network-principles{gap:8px!important;}
.network-principles div{min-height:92px!important;padding:13px 14px!important;border-radius:18px!important;}
.network-cards{gap:10px!important;}
.network-cards article{min-height:auto!important;padding:14px 15px!important;border-radius:18px!important;}
.network-cards h3{margin:8px 0 5px!important;}
.network-cards p{line-height:1.35!important;}
.platform-items{gap:8px!important;}
.platform-items span{padding:11px 13px!important;border-radius:14px!important;}
.network-commitment-card{padding:18px 16px!important;border-radius:18px!important;}
.network-commitment-card p{margin-top:10px!important;line-height:1.45!important;}
}


/* =========================================================
   2026Mobile Oficial Rev01
   Base: Tablet Rev13
   Objetivo: experiência dedicada para smartphones
   ========================================================= */
@media(max-width:520px){

  html{
    scroll-behavior:smooth!important;
    scroll-snap-type:none!important;
    scroll-padding-top:0!important;
  }

  body{
    overflow-x:hidden!important;
    font-size:15px!important;
  }

  .global-scroll-page{
    padding-right:18px!important;
  }

  .global-scroll-rail{
    top:132px!important;
    right:3px!important;
    bottom:10px!important;
    width:11px!important;
  }

  .global-scroll-thumb{
    width:11px!important;
    height:58px!important;
  }

  .global-scroll-arrow{
    border-left-width:7px!important;
    border-right-width:7px!important;
    border-top-width:9px!important;
  }

  .site-header{
    position:sticky!important;
    top:0!important;
  }

  .nav{
    padding:7px 0!important;
    gap:7px!important;
  }

  .brand{
    gap:8px!important;
  }

  .brand-mark{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:.82rem!important;
  }

  .brand-text strong{
    font-size:.82rem!important;
  }

  .brand-text span{
    font-size:.58rem!important;
  }

  .menu{
    width:100%!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:5px!important;
  }

  .menu a{
    padding:7px 5px!important;
    border-radius:10px!important;
    font-size:.68rem!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .menu .btn-small{
    display:none!important;
  }

  .container{
    width:91%!important;
  }

  .snap-section,
  .network-section,
  .maintenance-section,
  .creation-section{
    min-height:auto!important;
    height:auto!important;
    padding:26px 0!important;
    overflow:visible!important;
  }

  .hero{
    padding:22px 0 28px!important;
  }

  .hero-grid,
  .section-grid,
  .business-grid,
  .network-hero-grid,
  .network-platform-grid,
  .about-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .hero-copy,
  .network-intro,
  .network-platform-copy{
    text-align:center!important;
  }

  .hero .eyebrow,
  .network-intro .kicker,
  .network-heading .kicker{
    font-size:.58rem!important;
    padding:5px 8px!important;
    margin-bottom:8px!important;
  }

  .hero h1{
    font-size:1.42rem!important;
    line-height:1.10!important;
    margin-bottom:10px!important;
  }

  .lead{
    font-size:.80rem!important;
    line-height:1.42!important;
    margin-bottom:12px!important;
  }

  .hero-actions{
    margin-bottom:0!important;
  }

  .hero-actions .btn{
    width:100%!important;
    max-width:330px!important;
    padding:10px 14px!important;
    font-size:.78rem!important;
  }

  .hero .experience-device{
    height:330px!important;
    border-radius:22px!important;
    padding:9px!important;
  }

  .device-screen{
    border-radius:16px!important;
  }

  .pulse-card{
    min-width:136px!important;
    padding:8px 9px!important;
    border-radius:12px!important;
  }

  .pulse-card strong{
    font-size:.66rem!important;
  }

  .pulse-card span{
    font-size:.57rem!important;
  }

  .home-trust-section,
  .home-services-section{
    padding:28px 0!important;
  }

  .home-section-heading{
    margin-bottom:16px!important;
  }

  .home-section-heading h2,
  .section-title h2,
  .business-panel h2,
  .network-heading h2,
  .network-platform-copy h2,
  .network-commitment-card h2,
  .cta-card h2{
    font-size:1.28rem!important;
    line-height:1.12!important;
  }

  .home-section-heading p,
  .section-title p,
  .business-panel p,
  .network-platform-copy p,
  .network-commitment-card p,
  .cta-card p{
    font-size:.82rem!important;
    line-height:1.45!important;
  }

  .home-trust-grid,
  .home-services-grid,
  .service-cards,
  .mini-dashboard,
  .network-principles,
  .network-cards,
  .platform-items,
  .maintenance-services,
  .maintenance-gallery,
  .creation-services,
  .creation-process,
  .creation-differences{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .home-trust-card,
  .home-service-card,
  .service-cards article,
  .mini-dashboard div,
  .network-principles div,
  .network-cards article,
  .platform-items span,
  .maintenance-services article,
  .creation-services article,
  .creation-process article,
  .creation-differences article{
    min-height:auto!important;
    padding:13px 14px!important;
    border-radius:16px!important;
  }

  .network-principles div{
    min-height:auto!important;
  }

  .network-cards article>span,
  .service-cards span,
  .maintenance-services span{
    font-size:1.55rem!important;
  }

  .network-cards h3,
  .service-cards h3,
  .maintenance-services h2,
  .creation-services h2{
    font-size:.96rem!important;
    margin:7px 0 4px!important;
  }

  .network-cards p,
  .service-cards p,
  .maintenance-services p,
  .creation-services p{
    font-size:.78rem!important;
    line-height:1.35!important;
  }

  .network-hero{
    padding:26px 0!important;
  }

  .network-intro h1{
    font-size:1.38rem!important;
    line-height:1.10!important;
  }

  .network-heading{
    margin-bottom:14px!important;
  }

  .network-heading h2{
    white-space:normal!important;
  }

  .network-commitment-card{
    padding:18px 15px!important;
    border-radius:18px!important;
  }

  .process{
    padding:15px!important;
    border-radius:16px!important;
  }

  .process h3{
    font-size:1.14rem!important;
    margin-bottom:10px!important;
  }

  .process li{
    font-size:.78rem!important;
    padding:10px 0!important;
    gap:10px!important;
  }

  .process span{
    width:31px!important;
    height:31px!important;
    border-radius:10px!important;
    font-size:.72rem!important;
  }

  .maintenance-main,
  .creation-main{
    padding-top:0!important;
  }

  .maintenance-gallery img{
    height:210px!important;
  }

  .cta-card,
  .service-detail-cta,
  .creation-cta{
    padding:22px 16px!important;
    border-radius:20px!important;
  }

  .btn{
    padding:10px 15px!important;
    font-size:.78rem!important;
  }
}


/* =========================================================
   2026Mobile Oficial Rev03 — Home UX
   - Marca Informática Jacareí +10%
   - Experience menor
   - Título em duas linhas
   - Subtítulo reduzido
   - Cards do fluxo +20%
   ========================================================= */
@media(max-width:520px){

  .mobile-home-rev03 .brand-text strong{
    font-size:.90rem!important;
    line-height:1.02!important;
  }

  .mobile-home-rev03 .brand-text span{
    font-size:.52rem!important;
    letter-spacing:.10em!important;
  }

  .mobile-home-rev03 .hero h1{
    font-size:1.28rem!important;
    line-height:1.16!important;
    letter-spacing:-.03em!important;
    margin-bottom:9px!important;
  }

  .mobile-home-rev03 .hero .lead{
    font-size:.82rem!important;
    line-height:1.35!important;
    margin-bottom:12px!important;
  }

  .mobile-home-rev03 .hero .experience-device{
    height:360px!important;
  }

  .mobile-home-rev03 .pulse-card{
    min-width:163px!important;
    padding:10px 11px!important;
    border-radius:14px!important;
  }

  .mobile-home-rev03 .pulse-card strong{
    font-size:.79rem!important;
    line-height:1.15!important;
  }

  .mobile-home-rev03 .pulse-card span{
    font-size:.68rem!important;
    line-height:1.2!important;
  }

  .mobile-home-rev03 .flow-path{
    stroke-width:5.4!important;
  }

  .mobile-home-rev03 .flow-dot{
    width:15px!important;
    height:15px!important;
  }

  .mobile-home-rev03 .card-one{top:7%!important;left:4%!important;}
  .mobile-home-rev03 .card-two{top:24%!important;right:4%!important;left:auto!important;}
  .mobile-home-rev03 .card-three{top:43%!important;left:4%!important;right:auto!important;}
  .mobile-home-rev03 .card-four{bottom:21%!important;right:4%!important;left:auto!important;}
  .mobile-home-rev03 .card-five{bottom:5%!important;left:4%!important;right:auto!important;}
}


/* =========================================================
   2026Mobile Oficial Rev04 — Contato e Login
   ========================================================= */
@media(max-width:520px){
  .brand{width:auto!important;}
  .brand-mark{width:36px!important;height:36px!important;margin:0!important;}
  .nav{align-items:flex-start!important;}

  .menu{
    grid-template-columns:repeat(2,1fr)!important;
    gap:5px!important;
  }
  .menu a{
    min-height:34px!important;
    padding:7px 5px!important;
    font-size:.68rem!important;
  }

  .contact-page,.access-page{
    background:
      radial-gradient(circle at 80% 12%,rgba(55,200,113,.16),transparent 30%),
      linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);
    min-height:calc(100vh - 120px);
    color:#fff;
  }

  .contact-hero,.access-hero{padding:28px 0 34px!important;}
  .contact-copy,.access-heading{text-align:center;}
  .contact-copy h1,.access-heading h1{
    font-size:1.55rem!important;
    line-height:1.08!important;
    margin-bottom:10px!important;
  }
  .contact-copy p,.access-heading p{
    font-size:.82rem!important;
    line-height:1.45!important;
    color:#dce8f5!important;
    margin:0 auto 9px!important;
    max-width:330px!important;
  }
  .contact-copy .btn{
    width:100%!important;
    max-width:320px!important;
    margin-top:8px!important;
  }
  .contact-photo{
    margin:22px auto 0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:1px solid rgba(55,200,113,.5)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.3)!important;
  }
  .contact-photo img{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }

  .access-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:20px!important;
  }
  .access-cards article{
    background:#fff!important;
    color:#102033!important;
    border-radius:18px!important;
    padding:20px 16px!important;
    text-align:center!important;
    border:1px solid rgba(16,32,51,.12)!important;
    box-shadow:0 14px 42px rgba(0,0,0,.18)!important;
  }
  .access-icon{font-size:1.8rem!important;}
  .access-cards h2{
    font-size:1.12rem!important;
    margin:8px 0 5px!important;
  }
  .access-cards p{
    color:#5d6b7c!important;
    font-size:.80rem!important;
    line-height:1.4!important;
    margin-bottom:13px!important;
  }
  .access-cards .btn{
    width:100%!important;
    max-width:280px!important;
  }
}


/* =========================================================
   2026 Experience Unificada Rev02 — Correção Geral
   ========================================================= */

/* Contato: comunicação direta */
.contact-copy{
  text-align:center!important;
  max-width:760px!important;
  margin:0 auto!important;
}
.contact-copy p{
  color:#ffffff!important;
  font-size:clamp(1rem,2vw,1.18rem)!important;
  line-height:1.5!important;
  margin:0 auto 18px!important;
}
.contact-copy .btn{
  margin-top:0!important;
}
.contact-photo{
  margin-top:34px!important;
}

/* Serviços: cards ocupam a largura total */
#servicos .section-grid{
  display:block!important;
}
#servicos .service-cards{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
}

/* Notebook/PC */
@media(min-width:901px){
  #servicos .service-cards{
    grid-template-columns:repeat(3,1fr)!important;
    gap:20px!important;
  }
  #servicos .service-cards article,
  #servicos .service-card-link article{
    min-height:230px!important;
  }

  .contact-hero{
    padding:135px 0 72px!important;
  }
  .contact-page .container{
    max-width:1040px!important;
  }
  .contact-copy{
    padding-top:0!important;
  }
  .contact-photo{
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .contact-photo img{
    width:100%!important;
    height:auto!important;
  }
}

/* Tablet */
@media(min-width:521px) and (max-width:900px){
  #servicos .service-cards{
    grid-template-columns:repeat(2,1fr)!important;
    gap:14px!important;
  }
  .contact-hero{
    padding:34px 0 42px!important;
  }
  .contact-copy p{
    font-size:1rem!important;
  }
}

/* Mobile */
@media(max-width:520px){
  #servicos .service-cards{
    grid-template-columns:1fr!important;
  }
  .contact-hero{
    padding:24px 0 32px!important;
  }
  .contact-copy p{
    font-size:.88rem!important;
    margin-bottom:14px!important;
  }
  .contact-photo{
    margin-top:20px!important;
  }
}


/* 2026 Experience Oficial Rev02 — Desktop/Notebook -20% */
@media(min-width:901px){
  .container{width:min(1180px,88%)!important}
  .nav{min-height:66px!important;padding:9px 0!important}
  .brand-mark{width:38px!important;height:38px!important;border-radius:12px!important;font-size:.88rem!important}
  .menu{gap:14px!important}
  .menu a{font-size:.80rem!important}
  .btn{padding:10px 16px!important;font-size:.84rem!important}
  .btn-small{padding:8px 13px!important}
  .snap-section{padding:98px 0 54px!important}
  .hero{min-height:auto!important;padding:108px 0 58px!important}
  .hero-grid{grid-template-columns:1fr 1fr!important;gap:44px!important}
  .hero h1{font-size:clamp(2.45rem,4vw,3.65rem)!important;line-height:1.03!important;letter-spacing:-.04em!important;max-width:760px!important}
  .hero h1 br{display:block!important}
  .lead{font-size:.98rem!important;line-height:1.5!important;margin-bottom:18px!important}
  .eyebrow,.kicker{font-size:.68rem!important;padding:6px 10px!important;margin-bottom:12px!important}
  .experience-device{height:min(500px,60vh)!important;border-radius:34px!important;padding:14px!important}
  .device-screen{border-radius:24px!important}
  .pulse-card{min-width:175px!important;padding:12px 14px!important;border-radius:18px!important}
  .pulse-card strong{font-size:.88rem!important}
  .pulse-card span{font-size:.76rem!important}
  .home-trust-section,.home-services-section,.network-section,.maintenance-section,.creation-section{padding:54px 0!important}
  .home-section-heading,.network-heading{margin-bottom:24px!important}
  .home-section-heading h2,.section-title h2,.business-panel h2,.network-heading h2,.network-platform-copy h2,.network-commitment-card h2,.cta-card h2{font-size:clamp(1.75rem,3vw,2.65rem)!important;line-height:1.08!important}
  .home-section-heading p,.section-title p,.business-panel p,.network-platform-copy p,.network-commitment-card p,.cta-card p{font-size:.92rem!important;line-height:1.5!important}
  .home-trust-grid,.home-services-grid,.service-cards,.mini-dashboard,.network-cards,.maintenance-services,.creation-services{gap:14px!important}
  .home-trust-card,.home-service-card,.service-cards article,.mini-dashboard div,.network-principles div,.network-cards article,.maintenance-services article,.creation-services article,.creation-process article,.creation-differences article{padding:18px!important;border-radius:20px!important;min-height:auto!important}
  .service-cards h3,.network-cards h3,.maintenance-services h2,.creation-services h2{font-size:1.05rem!important}
  .service-cards p,.network-cards p,.maintenance-services p,.creation-services p{font-size:.84rem!important;line-height:1.42!important}
  .network-hero{padding:112px 0 58px!important}
  .network-intro h1{font-size:clamp(2.2rem,4vw,3.45rem)!important;line-height:1.04!important}
  .network-principles div{min-height:96px!important;padding:16px 18px!important}
  .network-cards article{min-height:150px!important}
  .platform-items span{padding:13px 15px!important;border-radius:15px!important;font-size:.86rem!important}
  .network-commitment-card{padding:28px!important;border-radius:24px!important}
  .process{padding:16px!important;border-radius:18px!important}
  .process h3{font-size:1.3rem!important}
  .process li{padding:10px 0!important;font-size:.84rem!important}
  .maintenance-gallery img{height:210px!important}
  .cta-card,.service-detail-cta,.creation-cta{padding:28px 22px!important;border-radius:26px!important}
  .global-scroll-rail{top:82px!important}
}


/* =========================================================
   2026 Experience Oficial Rev03 — Home Desktop corrigida
   - Título em exatamente duas linhas
   - Primeiro bloco com altura adequada
   - Mobile e Tablet preservados
   ========================================================= */
@media(min-width:901px){

  .hero{
    min-height:calc(100vh - 66px)!important;
    display:flex!important;
    align-items:center!important;
    padding:104px 0 74px!important;
  }

  .hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    gap:38px!important;
  }

  .hero-copy{
    max-width:none!important;
  }

  .hero h1{
    font-size:clamp(2.2rem,3.25vw,3.15rem)!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    max-width:none!important;
    white-space:nowrap!important;
  }

  .hero h1 br{
    display:block!important;
  }

  .home-trust-section{
    padding-top:64px!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .hero h1{
    font-size:clamp(2rem,3vw,2.65rem)!important;
  }
}


/* =========================================================
   2026 Experience Oficial Rev06 — Serviços Homologação
   Desktop: 1ª tela cards | 2ª tela galeria + CTA
   Tablet/Mobile: imagens completas em coluna
   ========================================================= */

/* Estrutura base */
.services-visual-screen{
  background:#f5f8fc;
  position:relative;
}
.services-visual-container{
  display:flex;
  flex-direction:column;
}
.services-gallery{
  display:grid;
}
.services-gallery figure{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(16,32,51,.12);
  box-shadow:0 10px 28px rgba(6,20,38,.10);
  background:#061426;
}
.services-gallery img{
  display:block;
  width:100%;
}
.services-gallery-cta{
  text-align:center;
}

/* Notebook / PC */
@media(min-width:901px){
  /* Primeira tela: somente os cards */
  #servicos{
    min-height:calc(100vh - 66px)!important;
    display:flex!important;
    align-items:center!important;
    padding:88px 0 64px!important;
  }
  #servicos .container{
    width:min(1060px,82%)!important;
  }
  #servicos .service-cards{
    width:100%!important;
    max-width:1060px!important;
    margin:0 auto!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:14px!important;
  }
  #servicos .service-cards article{
    min-height:164px!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  #servicos .service-cards article>span{
    font-size:1.55rem!important;
  }
  #servicos .service-cards h3{
    font-size:.98rem!important;
    margin:8px 0 5px!important;
  }
  #servicos .service-cards p{
    font-size:.78rem!important;
    line-height:1.35!important;
  }

  /* Segunda tela: galeria + CTA na mesma visualização */
  .services-visual-screen{
    min-height:calc(100vh - 66px)!important;
    display:flex!important;
    align-items:center!important;
    padding:42px 0 34px!important;
  }
  .services-visual-container{
    width:min(1180px,90%)!important;
    gap:14px!important;
  }
  .services-gallery{
    grid-template-columns:repeat(5,1fr)!important;
    gap:10px!important;
  }
  .services-gallery figure{
    border-radius:15px!important;
  }
  .services-gallery img{
    aspect-ratio:1 / 1.08!important;
    height:auto!important;
    object-fit:cover!important;
  }
  .services-gallery-cta{
    padding:24px 20px!important;
    border-radius:22px!important;
    margin:0!important;
  }
  .services-gallery-cta h2{
    font-size:1.55rem!important;
    margin-bottom:12px!important;
  }
  .services-gallery-cta .btn{
    padding:9px 16px!important;
    font-size:.80rem!important;
  }
}

/* Tablet: imagens completas, uma abaixo da outra */
@media(min-width:521px) and (max-width:900px){
  .services-visual-screen{
    padding:28px 0 34px!important;
  }
  .services-visual-container{
    gap:16px!important;
  }
  .services-gallery{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .services-gallery figure{
    border-radius:18px!important;
    background:transparent!important;
  }
  .services-gallery img{
    height:auto!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
  .services-gallery-cta{
    margin-top:2px!important;
    padding:24px 18px!important;
  }
}

/* Smartphone: imagens completas, sem cortes */
@media(max-width:520px){
  .services-visual-screen{
    padding:22px 0 30px!important;
  }
  .services-visual-container{
    gap:13px!important;
  }
  .services-gallery{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .services-gallery figure{
    border-radius:16px!important;
    background:transparent!important;
  }
  .services-gallery img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
  .services-gallery-cta{
    margin-top:0!important;
    padding:21px 15px!important;
    border-radius:18px!important;
  }
  .services-gallery-cta h2{
    font-size:1.18rem!important;
  }
}

/* 2026 Experience Oficial Rev07 — Empresas Homologação */
.companies-visual-screen{background:#f5f8fc}
.companies-visual-container{display:flex;flex-direction:column}
.companies-photo{margin:0;overflow:hidden;border-radius:20px;border:1px solid rgba(16,32,51,.12);box-shadow:0 12px 34px rgba(6,20,38,.12)}
.companies-photo img{display:block;width:100%;height:auto}
.companies-gallery-cta{text-align:center;margin:0!important}
@media(min-width:901px){
.business-panel h2,.business-hero h1,.empresas h1,.empresas h2{font-size:clamp(2rem,3.2vw,3rem)!important;line-height:1.05!important}
.business-grid,.mini-dashboard{gap:14px!important}
.business-panel,.mini-dashboard div{padding:18px!important}
.companies-visual-screen{min-height:calc(100vh - 66px)!important;display:flex!important;align-items:center!important;padding:40px 0 34px!important}
.companies-visual-container{width:min(980px,82%)!important;gap:14px!important}
.companies-photo{max-width:760px!important;margin:0 auto!important}
.companies-photo img{max-height:430px!important;object-fit:contain!important}
.companies-gallery-cta{padding:24px 20px!important;border-radius:22px!important}
.companies-gallery-cta h2{font-size:1.55rem!important;margin-bottom:12px!important}
.companies-gallery-cta .btn{padding:9px 16px!important;font-size:.80rem!important}
}
@media(min-width:521px) and (max-width:900px){
.companies-visual-screen{padding:28px 0 34px!important}
.companies-visual-container{gap:16px!important}
.companies-photo img{width:100%!important;height:auto!important;object-fit:contain!important}
.companies-gallery-cta{padding:24px 18px!important}
}
@media(max-width:520px){
.companies-visual-screen{padding:22px 0 30px!important}
.companies-visual-container{gap:13px!important}
.companies-photo{border-radius:16px!important}
.companies-photo img{width:100%!important;height:auto!important;object-fit:contain!important}
.companies-gallery-cta{padding:21px 15px!important;border-radius:18px!important}
.companies-gallery-cta h2{font-size:1.18rem!important}
}


/* 2026 Experience Oficial Rev08 — Contato Homologação */
.contact-homologated .contact-page{
  background:radial-gradient(circle at 82% 12%,rgba(55,200,113,.14),transparent 30%),linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);
  color:#fff;
}
.contact-homologated .contact-copy{text-align:center!important;max-width:780px!important;margin:0 auto!important}
.contact-homologated .contact-copy p{color:#fff!important;margin:0 auto 18px!important;font-weight:500!important;line-height:1.45!important}
.contact-homologated .contact-copy .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}
.contact-homologated .contact-photo{margin-left:auto!important;margin-right:auto!important;overflow:hidden!important;background:transparent!important;box-shadow:0 18px 50px rgba(0,0,0,.24)!important}
.contact-homologated .contact-photo img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important}
@media(min-width:901px){
  .contact-homologated .contact-hero{padding:118px 0 56px!important}
  .contact-homologated .contact-page .container{width:min(980px,82%)!important}
  .contact-homologated .contact-copy p{font-size:1.05rem!important;margin-bottom:16px!important}
  .contact-homologated .contact-copy .btn{padding:10px 18px!important;font-size:.86rem!important}
  .contact-homologated .contact-photo{max-width:760px!important;margin-top:28px!important;border-radius:22px!important}
}
@media(min-width:521px) and (max-width:900px){
  .contact-homologated .contact-hero{padding:30px 0 38px!important}
  .contact-homologated .contact-copy p{font-size:1rem!important;margin-bottom:15px!important}
  .contact-homologated .contact-copy .btn{width:min(100%,360px)!important}
  .contact-homologated .contact-photo{width:92%!important;max-width:760px!important;margin-top:22px!important;border-radius:18px!important}
}
@media(max-width:520px){
  .contact-homologated .contact-hero{padding:24px 0 30px!important}
  .contact-homologated .contact-page .container{width:91%!important}
  .contact-homologated .contact-copy p{font-size:.88rem!important;margin-bottom:14px!important}
  .contact-homologated .contact-copy .btn{width:100%!important;max-width:330px!important;padding:11px 14px!important;font-size:.80rem!important}
  .contact-homologated .contact-photo{width:100%!important;margin-top:20px!important;border-radius:18px!important}
}


/* =========================================================
   2026 Experience Oficial Rev09 — Contato Ajuste Final
   Foto inteira e proporcional em todos os dispositivos
   ========================================================= */

/* Notebook / PC */
@media(min-width:901px){
  .contact-homologated .contact-hero{
    min-height:calc(100vh - 66px)!important;
    padding:92px 0 36px!important;
  }

  .contact-homologated .contact-page .container{
    width:min(920px,78%)!important;
  }

  .contact-homologated .contact-copy p{
    margin-bottom:14px!important;
  }

  .contact-homologated .contact-photo{
    width:fit-content!important;
    max-width:680px!important;
    margin-top:22px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .contact-homologated .contact-photo img{
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 285px)!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
}

/* Tablet */
@media(min-width:521px) and (max-width:900px){
  .contact-homologated .contact-photo{
    width:86%!important;
    max-width:650px!important;
    margin-top:18px!important;
  }

  .contact-homologated .contact-photo img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* Smartphone */
@media(max-width:520px){
  .contact-homologated .contact-photo{
    width:94%!important;
    margin-top:17px!important;
  }

  .contact-homologated .contact-photo img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}


/* =========================================================
   2026 Experience Oficial Rev10 — Contato Final
   - Nova foto sem conteúdo confidencial
   - Fundo azul ocupa toda a tela no desktop
   - Imagem inteira em todos os dispositivos
   ========================================================= */

/* Notebook / PC */
@media(min-width:901px){
  .contact-homologated .contact-page{
    min-height:100vh!important;
    background:
      radial-gradient(circle at 82% 12%,rgba(55,200,113,.14),transparent 30%),
      linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%)!important;
  }

  .contact-homologated .contact-hero{
    min-height:calc(100vh - 66px)!important;
    display:flex!important;
    align-items:flex-start!important;
    padding:88px 0 28px!important;
  }

  .contact-homologated .contact-page .container{
    width:min(980px,82%)!important;
  }

  .contact-homologated .contact-photo{
    width:fit-content!important;
    max-width:740px!important;
    margin-top:20px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .contact-homologated .contact-photo img{
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100vh - 255px)!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
}

/* Tablet */
@media(min-width:521px) and (max-width:900px){
  .contact-homologated .contact-photo{
    width:82%!important;
    max-width:620px!important;
    margin-top:17px!important;
  }

  .contact-homologated .contact-photo img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* Smartphone */
@media(max-width:520px){
  .contact-homologated .contact-photo{
    width:90%!important;
    margin-top:16px!important;
  }

  .contact-homologated .contact-photo img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}

/* Rev14 Redes */
.network-service-hero{background:radial-gradient(circle at 78% 18%,rgba(39,190,255,.20),transparent 30%),linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);color:#fff;padding:110px 0 62px}
.network-service-heading{max-width:760px;margin-bottom:34px}.network-service-heading h1{color:#fff;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.03;letter-spacing:-.04em;margin:0 0 16px}.network-service-heading p{color:#dce8f5;font-size:1.05rem;line-height:1.5;max-width:650px}
.network-service-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.network-service-cards article{background:rgba(7,37,72,.78);border:1px solid rgba(50,190,255,.34);border-radius:20px;padding:20px 18px;min-height:230px}.network-service-cards article>span{font-size:2rem}.network-service-cards h2{color:#fff;font-size:1.05rem;margin:12px 0 7px}.network-service-cards p{color:#dce8f5;font-size:.84rem;line-height:1.45}
.network-service-gallery-screen{background:#f5f8fc;padding:42px 0 34px}.network-service-gallery-container{display:flex;flex-direction:column;gap:14px}.network-service-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.network-service-gallery figure{margin:0;overflow:hidden;border-radius:16px;background:#061426}.network-service-gallery img{display:block;width:100%;aspect-ratio:1/1.05;object-fit:cover}.network-service-cta{text-align:center;margin:0!important;padding:24px 20px!important;border-radius:22px!important}.network-back-wrap{text-align:center}
@media(min-width:901px){.network-service-hero{min-height:calc(100vh - 66px);display:flex;align-items:center;padding:92px 0 58px}.network-service-hero .container{width:min(1180px,88%)}.network-service-cards article{min-height:195px;padding:17px 16px}.network-service-cards article>span{font-size:1.65rem}.network-service-cards h2{font-size:.98rem}.network-service-cards p{font-size:.78rem}.network-service-gallery-screen{min-height:calc(100vh - 66px);display:flex;align-items:center}}
@media(min-width:521px) and (max-width:900px){.network-service-hero{padding:40px 0 34px}.network-service-heading{text-align:center;margin-left:auto;margin-right:auto}.network-service-cards{grid-template-columns:1fr 1fr}.network-service-cards article:last-child{grid-column:1/-1}.network-service-gallery{grid-template-columns:1fr;gap:14px}.network-service-gallery img{height:auto;aspect-ratio:auto;object-fit:contain}}
@media(max-width:520px){.network-service-hero{padding:28px 0}.network-service-heading{text-align:center;margin-bottom:22px}.network-service-heading h1{font-size:1.9rem}.network-service-heading p{font-size:.88rem}.network-service-cards{grid-template-columns:1fr;gap:12px}.network-service-cards article{min-height:auto;padding:17px 15px}.network-service-gallery-screen{padding:24px 0 28px}.network-service-gallery{grid-template-columns:1fr;gap:12px}.network-service-gallery img{height:auto;aspect-ratio:auto;object-fit:contain}.network-service-cta h2{font-size:1.18rem!important}}


/* =========================================================
   2026 Experience Oficial Rev14.1 — Redes Cards Brancos
   Altera somente os cards da primeira tela.
   Segunda tela preservada.
   ========================================================= */
.network-service-cards article{
  background:#ffffff!important;
  border:1px solid rgba(16,32,51,.12)!important;
  box-shadow:0 12px 30px rgba(6,20,38,.10)!important;
}

.network-service-cards h2{
  color:#102033!important;
}

.network-service-cards p{
  color:#536176!important;
}

.network-service-cards article>span{
  filter:none!important;
}

/* Melhor leitura no Tablet */
@media(min-width:521px) and (max-width:900px){
  .network-service-cards article{
    background:#ffffff!important;
    min-height:auto!important;
  }
}

/* Melhor leitura no Smartphone */
@media(max-width:520px){
  .network-service-cards article{
    background:#ffffff!important;
    min-height:auto!important;
    padding:16px 15px!important;
  }

  .network-service-cards h2{
    font-size:1rem!important;
  }

  .network-service-cards p{
    font-size:.82rem!important;
    line-height:1.4!important;
  }
}


/* =========================================================
   2026 Experience Oficial Rev15 — Backup Reconstruída
   ========================================================= */
.backup-service-hero{
  background:
    radial-gradient(circle at 78% 18%,rgba(55,200,113,.18),transparent 30%),
    linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);
  color:#fff;
  padding:108px 0 58px;
}

.backup-service-heading{
  max-width:760px;
  margin-bottom:28px;
}

.backup-service-heading h1{
  color:#fff;
  font-size:clamp(2.35rem,4.8vw,4rem);
  line-height:1.03;
  letter-spacing:-.04em;
  margin:0 0 14px;
}

.backup-service-heading p{
  color:#dce8f5;
  font-size:1.02rem;
  line-height:1.5;
  max-width:680px;
}

.backup-section-label{
  color:#fff;
  font-size:1.15rem;
  font-weight:900;
  margin:0 0 12px;
}

.backup-experience-label{
  margin-top:24px;
}

.backup-service-cards,
.backup-experience-cards{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.backup-service-cards article,
.backup-experience-cards article{
  background:#fff;
  border:1px solid rgba(16,32,51,.12);
  border-radius:18px;
  padding:16px 15px;
  min-height:172px;
  box-shadow:0 12px 30px rgba(6,20,38,.10);
}

.backup-service-cards article>span,
.backup-experience-cards article>span{
  font-size:1.55rem;
}

.backup-service-cards h2,
.backup-experience-cards h2{
  color:#102033;
  font-size:.96rem;
  margin:8px 0 5px;
}

.backup-service-cards p,
.backup-experience-cards p{
  color:#536176;
  font-size:.76rem;
  line-height:1.38;
}

.backup-gallery-screen{
  background:#f5f8fc;
  padding:40px 0 32px;
}

.backup-gallery-container{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.backup-gallery{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

.backup-gallery figure{
  margin:0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(16,32,51,.12);
  background:#061426;
  box-shadow:0 10px 28px rgba(6,20,38,.12);
}

.backup-gallery img{
  display:block;
  width:100%;
  aspect-ratio:1 / 1.05;
  object-fit:cover;
}

.backup-service-cta{
  text-align:center;
  margin:0!important;
  padding:24px 20px!important;
  border-radius:22px!important;
}

.backup-back-wrap{
  text-align:center;
}

/* Desktop / Notebook */
@media(min-width:901px){
  .backup-service-hero{
    min-height:calc(100vh - 66px);
    display:flex;
    align-items:center;
    padding:88px 0 46px;
  }

  .backup-service-hero .container{
    width:min(1180px,88%);
  }

  .backup-gallery-screen{
    min-height:calc(100vh - 66px);
    display:flex;
    align-items:center;
  }

  .backup-gallery-container{
    width:min(1180px,90%);
  }
}

/* Tablet */
@media(min-width:521px) and (max-width:900px){
  .backup-service-hero{
    padding:38px 0 32px;
  }

  .backup-service-heading{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }

  .backup-service-cards,
  .backup-experience-cards{
    grid-template-columns:1fr 1fr;
  }

  .backup-service-cards article:last-child,
  .backup-experience-cards article:last-child{
    grid-column:1 / -1;
  }

  .backup-gallery{
    grid-template-columns:1fr;
    gap:14px;
  }

  .backup-gallery img{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }
}

/* Smartphone */
@media(max-width:520px){
  .backup-service-hero{
    padding:28px 0;
  }

  .backup-service-heading{
    text-align:center;
    margin-bottom:20px;
  }

  .backup-service-heading h1{
    font-size:1.9rem;
  }

  .backup-service-heading p{
    font-size:.88rem;
  }

  .backup-section-label{
    font-size:1rem;
  }

  .backup-service-cards,
  .backup-experience-cards{
    grid-template-columns:1fr;
    gap:11px;
  }

  .backup-service-cards article,
  .backup-experience-cards article{
    min-height:auto;
    padding:16px 15px;
  }

  .backup-service-cards p,
  .backup-experience-cards p{
    font-size:.82rem;
  }

  .backup-gallery-screen{
    padding:24px 0 28px;
  }

  .backup-gallery{
    grid-template-columns:1fr;
    gap:12px;
  }

  .backup-gallery img{
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
  }

  .backup-service-cta h2{
    font-size:1.18rem!important;
  }
}


/* =========================================================
   2026 Experience Oficial Rev15.2 — Backup Galeria Exclusiva
   ========================================================= */
.backup-gallery figure{
  background:#061426!important;
}

.backup-gallery img{
  object-position:center!important;
}

/* Desktop / Notebook: cinco imagens alinhadas */
@media(min-width:901px){
  .backup-gallery img{
    width:100%!important;
    aspect-ratio:1 / 1.05!important;
    height:auto!important;
    object-fit:cover!important;
  }
}

/* Tablet e Smartphone: imagem completa, sem cortes */
@media(max-width:900px){
  .backup-gallery img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
}


/* =========================================================
   2026 Experience Oficial Rev15.3 — Legendas Backup corrigidas
   Somente Notebook/PC: preserva a imagem horizontal completa.
   ========================================================= */
@media(min-width:901px){
  .backup-gallery figure{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#061426!important;
  }

  .backup-gallery img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}


/* =========================================================
   2026 Experience — Página Aulas Oficial Rev.01
   ========================================================= */

.aulas-oficial-page{
  background:#f5f8fc;
}
.aulas-main{
  padding-top:74px;
}
.aulas-choice-hero,
.aulas-internal-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 14%,rgba(55,200,113,.22),transparent 30%),
    linear-gradient(135deg,#061426 0%,#0b1f38 52%,#123b69 100%);
  color:#fff;
}
.aulas-choice-hero-grid,
.aulas-internal-grid{
  min-height:590px;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:46px;
  align-items:center;
  padding:64px 0;
}
.aulas-choice-copy h1,
.aulas-internal-copy h1{
  font-size:clamp(2.6rem,5.5vw,5rem);
  line-height:1.02;
  letter-spacing:-.052em;
  margin:0 0 20px;
}
.aulas-choice-copy p,
.aulas-internal-copy p{
  color:#dce8f5;
  font-size:1.12rem;
  max-width:650px;
  margin-bottom:10px;
}
.aulas-choice-copy strong,
.aulas-internal-copy strong{
  color:#baf7ce;
  font-size:1.25rem;
}
.aulas-kicker{
  display:inline-flex;
  border:1px solid rgba(55,200,113,.45);
  background:rgba(55,200,113,.12);
  color:#0f8a43;
  border-radius:999px;
  padding:7px 13px;
  font-weight:900;
  margin-bottom:18px;
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.08em;
}
.aulas-choice-hero .aulas-kicker,
.aulas-internal-hero .aulas-kicker{
  color:#baf7ce;
}
.aulas-choice-visual{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.aulas-choice-photo{
  min-height:390px;
  border-radius:30px;
  background-size:cover;
  background-position:center;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 28px 70px rgba(0,0,0,.28);
}
.aulas-choice-photo-human{
  background-image:linear-gradient(to top,rgba(6,20,38,.18),transparent 46%),url("img/aulas-informatica.jpg");
}
.aulas-choice-photo-support{
  background-image:linear-gradient(to top,rgba(6,20,38,.18),transparent 46%),url("img/aulas-suporte.jpg");
}
.aulas-choice-section,
.aulas-content-section,
.aulas-process-section,
.aulas-experience-section{
  padding:86px 0;
}
.aulas-section-heading{
  text-align:center;
  max-width:790px;
  margin:0 auto 40px;
}
.aulas-heading-left{
  text-align:left;
  margin-left:0;
}
.aulas-section-heading h2,
.aulas-experience-grid h2{
  font-size:clamp(2rem,4vw,3.45rem);
  line-height:1.08;
  letter-spacing:-.04em;
  margin-bottom:14px;
}
.aulas-section-heading p,
.aulas-experience-grid p{
  color:#5d6b7c;
  font-size:1.04rem;
}
.aulas-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:26px;
}
.aulas-path-card{
  background:#fff;
  border:1px solid rgba(16,32,51,.12);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 20px 58px rgba(6,20,38,.12);
  transition:.25s;
}
.aulas-path-card:hover{
  transform:translateY(-5px);
}
.aulas-path-green{border-top:7px solid #37c871}
.aulas-path-blue{border-top:7px solid #1769aa}
.aulas-path-photo{
  height:315px;
  overflow:hidden;
}
.aulas-path-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.aulas-path-card:hover img{
  transform:scale(1.035);
}
.aulas-path-body{
  padding:32px 36px 38px;
}
.aulas-path-label{
  display:block;
  color:#0f8a43;
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:10px;
}
.aulas-path-blue .aulas-path-label{color:#1769aa}
.aulas-path-body h3{
  font-size:1.75rem;
  line-height:1.18;
  margin-bottom:14px;
}
.aulas-path-body p{
  color:#5d6b7c;
  min-height:78px;
  margin-bottom:22px;
}
.aulas-path-button,
.aulas-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  border-radius:14px;
  padding:14px 20px;
}
.aulas-button-green{background:#37a925}
.aulas-button-blue{background:#075fae}
.aulas-internal-grid{
  min-height:500px;
}
.aulas-internal-photo img{
  width:100%;
  height:390px;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:30px;
  box-shadow:0 30px 76px rgba(0,0,0,.30);
}
.aulas-card-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.aulas-card-grid article{
  background:#fff;
  color:#102033;
  border:1px solid rgba(16,32,51,.12);
  border-radius:22px;
  padding:25px;
  box-shadow:0 14px 42px rgba(6,20,38,.09);
}
.aulas-card-grid article>span{
  font-size:2rem;
}
.aulas-card-grid h3{
  font-size:1.12rem;
  margin:10px 0 7px;
}
.aulas-card-grid p{
  color:#5d6b7c;
  line-height:1.5;
}
.aulas-quote{
  background:#eaf8e7;
  border-left:6px solid #37c871;
  border-radius:0 20px 20px 0;
  max-width:720px;
  padding:22px 28px;
  margin-bottom:30px;
}
.aulas-quote strong,
.aulas-quote span{
  display:block;
  font-size:1.3rem;
}
.aulas-process-section{
  background:#eef4f8;
}
.aulas-process-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}
.aulas-process-grid article{
  background:#fff;
  border:1px solid rgba(16,32,51,.12);
  border-radius:20px;
  padding:22px 14px;
  text-align:center;
}
.aulas-process-grid article>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#eaf8e7;
  color:#138343;
  font-weight:900;
  margin:0 auto 10px;
}
.aulas-process-grid h3{
  font-size:.96rem;
  margin-bottom:5px;
}
.aulas-process-grid p{
  color:#5d6b7c;
  font-size:.82rem;
}
.aulas-fieldservice-card{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  margin-bottom:26px;
}
.aulas-fieldservice-card>div,
.aulas-fieldservice-card>strong{
  border-radius:24px;
  padding:32px;
}
.aulas-fieldservice-card>div{
  background:#eaf3fb;
}
.aulas-fieldservice-card>strong{
  display:flex;
  align-items:flex-end;
  background:linear-gradient(135deg,#061426,#123b69);
  color:#fff;
  font-size:1.28rem;
}
.aulas-card-number{
  color:#1769aa;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.15em;
}
.aulas-fieldservice-card h3{
  font-size:1.7rem;
  margin:8px 0 10px;
}
.aulas-fieldservice-card p{
  color:#536579;
}
.aulas-corporate-section{
  padding:86px 0;
  color:#fff;
  background:
    radial-gradient(circle at 0 0,rgba(55,200,113,.17),transparent 30%),
    linear-gradient(135deg,#061426,#0b2c4a);
}
.aulas-heading-light p{
  color:#d1dce6;
}
.aulas-concept-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.aulas-concept-grid article{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  padding:28px;
}
.aulas-concept-grid article>span{
  font-size:2.25rem;
}
.aulas-concept-grid h3{
  font-size:1.4rem;
  margin:10px 0 8px;
}
.aulas-concept-grid p{
  color:#d6e0e8;
}
.aulas-lifecycle-card{
  grid-column:1/-1;
}
.aulas-lifecycle{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.aulas-lifecycle b{
  background:#fff;
  color:#102033;
  border-radius:999px;
  padding:9px 14px;
  font-size:.82rem;
}
.aulas-lifecycle i{
  color:#8ed267;
  font-style:normal;
  font-weight:900;
}
.aulas-corporate-highlight{
  text-align:center;
  font-size:1.1rem;
  font-weight:900;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:rgba(55,200,113,.12);
  padding:22px;
  margin-top:22px;
}
.aulas-experience-section{
  background:#fff;
}
.aulas-experience-grid{
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:50px;
  align-items:center;
}
.aulas-years{
  aspect-ratio:1;
  border-radius:50%;
  background:linear-gradient(145deg,#37c871,#1769aa);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  box-shadow:0 30px 70px rgba(23,105,170,.20);
}
.aulas-years strong{
  font-size:5.7rem;
  line-height:.9;
}
.aulas-years span{
  font-weight:900;
  margin-top:12px;
}
.aulas-final-cta{
  padding:58px 0;
  background:linear-gradient(120deg,#3fab2f,#1672ad);
  color:#fff;
}
.aulas-final-cta-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:38px;
  align-items:center;
}
.aulas-final-message{
  display:flex;
  align-items:center;
  gap:22px;
}
.aulas-final-message>span{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  border-radius:20px;
  background:rgba(255,255,255,.17);
  font-size:2rem;
  flex:0 0 auto;
}
.aulas-final-message h2{
  font-size:clamp(1.8rem,3vw,2.55rem);
  line-height:1.12;
  margin-bottom:5px;
}
.aulas-final-message p{
  color:rgba(255,255,255,.90);
}
.aulas-final-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.aulas-cta-button{
  background:#fff;
  color:#18812e;
  min-width:240px;
}
.aulas-back-final{
  color:#fff;
  font-weight:900;
  text-decoration:none;
  font-size:.92rem;
  padding:7px 10px;
}
.aulas-back-final:hover{
  text-decoration:underline;
}
.aulas-footer{
  background:#05121f;
  color:#c9d4de;
  padding:26px 0;
}
.aulas-footer-inner{
  display:flex;
  justify-content:space-between;
  gap:24px;
}
.aulas-footer strong{color:#fff}

@media(max-width:900px){
  .aulas-main{padding-top:0}
  .aulas-choice-hero-grid,
  .aulas-internal-grid{
    grid-template-columns:1fr;
    min-height:auto;
    padding:42px 0;
  }
  .aulas-choice-copy,
  .aulas-internal-copy{
    text-align:center;
  }
  .aulas-choice-copy p,
  .aulas-internal-copy p{
    margin-left:auto;
    margin-right:auto;
  }
  .aulas-choice-visual{
    max-width:720px;
    margin:auto;
  }
  .aulas-choice-photo{
    min-height:310px;
  }
  .aulas-choice-grid{
    grid-template-columns:1fr;
  }
  .aulas-card-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .aulas-process-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .aulas-fieldservice-card,
  .aulas-experience-grid{
    grid-template-columns:1fr;
  }
  .aulas-years{
    width:min(340px,76%);
    margin:auto;
  }
  .aulas-final-cta-inner{
    grid-template-columns:1fr;
  }
  .aulas-final-actions{
    align-items:stretch;
    max-width:360px;
    width:100%;
    margin:auto;
  }
  .aulas-back-final{
    text-align:center;
  }
}

@media(max-width:520px){
  .aulas-choice-hero-grid,
  .aulas-internal-grid{
    padding:30px 0 38px;
    gap:24px;
  }
  .aulas-choice-copy h1,
  .aulas-internal-copy h1{
    font-size:2.05rem;
  }
  .aulas-choice-copy p,
  .aulas-internal-copy p{
    font-size:.94rem;
  }
  .aulas-choice-visual{
    grid-template-columns:1fr;
  }
  .aulas-choice-photo{
    min-height:245px;
    border-radius:22px;
  }
  .aulas-choice-section,
  .aulas-content-section,
  .aulas-process-section,
  .aulas-experience-section,
  .aulas-corporate-section{
    padding:58px 0;
  }
  .aulas-path-photo{
    height:250px;
  }
  .aulas-path-body{
    padding:25px 22px 28px;
  }
  .aulas-path-body h3{
    font-size:1.42rem;
  }
  .aulas-path-body p{
    min-height:0;
  }
  .aulas-path-button{
    width:100%;
  }
  .aulas-internal-photo img{
    height:275px;
    border-radius:22px;
  }
  .aulas-card-grid,
  .aulas-process-grid,
  .aulas-concept-grid{
    grid-template-columns:1fr;
  }
  .aulas-lifecycle-card{
    grid-column:auto;
  }
  .aulas-lifecycle{
    justify-content:flex-start;
  }
  .aulas-fieldservice-card>div,
  .aulas-fieldservice-card>strong{
    padding:24px;
  }
  .aulas-years strong{
    font-size:4.5rem;
  }
  .aulas-final-message{
    align-items:flex-start;
  }
  .aulas-final-message>span{
    width:54px;
    height:54px;
  }
  .aulas-final-message h2{
    font-size:1.65rem;
  }
  .aulas-footer-inner{
    flex-direction:column;
  }
}


/* =========================================================
   Página Aulas Oficial Rev.01.1
   Hero com uma única fotografia geral
   ========================================================= */

.aulas-choice-visual-single{
  display:block!important;
}

.aulas-choice-photo-general{
  min-height:410px!important;
  width:100%!important;
  background-image:
    linear-gradient(to top,rgba(6,20,38,.14),transparent 48%),
    url("img/hero-aulas-geral.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
}

@media(max-width:900px){
  .aulas-choice-photo-general{
    min-height:360px!important;
  }
}

@media(max-width:520px){
  .aulas-choice-photo-general{
    min-height:270px!important;
    background-position:center 40%!important;
  }
}


/* =========================================================
   Página Aulas — Versão Final
   Hero conceitual com ambiente de aprendizado
   ========================================================= */

.aulas-choice-photo-general{
  background-position:center 46%!important;
}

@media(max-width:900px){
  .aulas-choice-photo-general{
    background-position:center 48%!important;
  }
}

@media(max-width:520px){
  .aulas-choice-photo-general{
    background-position:center 50%!important;
  }
}


/* =========================================================
   Página Aulas — Correção Final
   - Aulas removido do menu principal
   - Acesso mantido pelo card da página Serviços
   - Hero restaurado para foto humanizada
   ========================================================= */

.aulas-choice-photo-general{
  background-position:center 42%!important;
}

@media(max-width:900px){
  .aulas-choice-photo-general{
    background-position:center 44%!important;
  }
}

@media(max-width:520px){
  .aulas-choice-photo-general{
    background-position:center 40%!important;
  }
}


/* =========================================================
   EXPERIENCE HÍBRIDA OFICIAL 01
   Desktop/notebook: mantém a versão homologada original.
   Tablet/celular (até 900px): exibe a Experience Mobile 2.0.
   ========================================================= */
.mobile-experience-frame{
  display:none;
  width:100%;
  height:100%;
  border:0;
  background:#f4f7fa;
}

@media (max-width:900px){
  html,body{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f4f7fa!important;
  }
  .desktop-experience{
    display:none!important;
  }
  .mobile-experience-frame{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147483647!important;
    width:100vw!important;
    height:100dvh!important;
    border:0!important;
  }
}

@media (min-width:901px){
  .desktop-experience{display:block!important;}
  .mobile-experience-frame{display:none!important;}
}


/* =========================================================
   HOME — POR QUE ESCOLHER REV.04
   Somente limpeza textual e tipografia dos cards informativos
   ========================================================= */
.home-trust-section .home-section-heading{
  margin-bottom:24px;
}
.home-trust-section .home-section-heading .kicker{
  margin-bottom:0;
}
.home-trust-section .home-trust-card h3{
  font-size:18px;
  line-height:1.2;
}
.home-trust-section .home-trust-card p{
  font-size:16px;
  line-height:1.5;
}


/* =========================================================
   HOME — TÍTULOS PULSANTES REV.05
   Notebook/PC: mesmo padrão visual do celular/tablet
   ========================================================= */
.home-trust-section .home-section-heading,
.home-services-preview .experience-navigation-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
  margin-bottom:30px;
}

.home-trust-section .experience-section-title,
.home-services-preview .experience-section-title{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:11px;
  color:#159857;
  font-size:clamp(22px,2vw,30px);
  line-height:1.15;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.home-services-preview .experience-section-more{
  font-size:.68em;
  letter-spacing:.025em;
  text-transform:none;
  font-weight:900;
}

.home-trust-section .experience-pulse-dot,
.home-services-preview .experience-pulse-dot{
  width:14px;
  height:14px;
  flex:0 0 14px;
  border-radius:50%;
  background:#37c871;
  box-shadow:0 0 0 0 rgba(55,200,113,.75);
  animation:experienceAttentionPulseDesktop 1.45s ease-in-out infinite;
}

.home-trust-section .experience-section-line,
.home-services-preview .experience-section-line{
  display:block;
  width:min(320px,35vw);
  height:4px;
  margin-top:13px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,#37c871 18%,#37c871 82%,transparent 100%);
  box-shadow:0 0 13px rgba(55,200,113,.5);
}

@keyframes experienceAttentionPulseDesktop{
  0%,100%{
    transform:scale(.82);
    opacity:.7;
    box-shadow:0 0 0 0 rgba(55,200,113,.68),0 0 5px rgba(55,200,113,.55);
  }
  50%{
    transform:scale(1.3);
    opacity:1;
    box-shadow:0 0 0 10px rgba(55,200,113,0),0 0 20px rgba(55,200,113,1);
  }
}

@media(prefers-reduced-motion:reduce){
  .home-trust-section .experience-pulse-dot,
  .home-services-preview .experience-pulse-dot{
    animation:none;
  }
}


/* =========================================================
   HOME — HERO PREMIUM REV.06
   Notebook/PC: layout horizontal e fluxo integralmente preservados
   ========================================================= */
.hero .hero-brand-glow{
  position:relative;
  overflow:hidden;
  color:#dfffea;
  border-color:rgba(55,200,113,.72);
  box-shadow:
    0 0 0 1px rgba(55,200,113,.12),
    0 0 11px rgba(55,200,113,.28);
}
.hero .hero-brand-glow::after{
  content:"";
  position:absolute;
  top:-50%;
  left:-42%;
  width:28%;
  height:200%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  animation:heroBrandSweepDesktop 4.2s ease-in-out infinite;
  pointer-events:none;
}

.hero .hero-title-premium{
  color:#fff;
  text-shadow:0 0 8px rgba(255,255,255,.17);
}

.hero-smart-heading{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  column-gap:10px;
  width:min(510px,100%);
  margin:0 0 22px;
  color:#63e99a;
}
.hero-smart-dot{
  width:13px;
  height:13px;
  border-radius:50%;
  background:#37c871;
  box-shadow:0 0 0 0 rgba(55,200,113,.72);
  animation:heroSmartPulseDesktop 1.45s ease-in-out infinite;
}
.hero-smart-text{
  font-size:1.18rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.005em;
  text-shadow:0 0 10px rgba(55,200,113,.42);
}
.hero-smart-line{
  grid-column:1 / -1;
  display:block;
  width:100%;
  height:3px;
  margin-top:11px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,#37c871 12%,#37c871 88%,transparent 100%);
  box-shadow:0 0 13px rgba(55,200,113,.62);
}

/* Somente legibilidade; dimensões, números e posições permanecem iguais */
.hero .pulse-card strong{
  font-weight:900;
  color:#061426;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.hero .pulse-card span{
  color:#4f5e70;
  font-weight:700;
}

@keyframes heroSmartPulseDesktop{
  0%,100%{
    transform:scale(.82);
    opacity:.72;
    box-shadow:0 0 0 0 rgba(55,200,113,.68),0 0 5px rgba(55,200,113,.55);
  }
  50%{
    transform:scale(1.28);
    opacity:1;
    box-shadow:0 0 0 9px rgba(55,200,113,0),0 0 18px rgba(55,200,113,1);
  }
}
@keyframes heroBrandSweepDesktop{
  0%,58%{left:-42%;opacity:0}
  64%{opacity:.85}
  82%{left:118%;opacity:.75}
  100%{left:118%;opacity:0}
}

@media(max-width:1040px) and (min-width:901px){
  .hero-smart-heading{width:min(470px,100%)}
  .hero-smart-text{font-size:1.08rem}
}

@media(prefers-reduced-motion:reduce){
  .hero .hero-brand-glow::after,
  .hero-smart-dot{animation:none}
}


/* =========================================================
   HOME DESKTOP/NOTEBOOK — FLUXO FINAL REV.08
   Correção definitiva do espaço vazio entre ÁREAS e CTA.
   ========================================================= */
@media (min-width:901px){

  /* A seção ÁREAS passa a ter altura natural */
  body.mobile-home-rev03 .home-services-preview{
    min-height:auto!important;
    height:auto!important;
    padding:64px 0 52px!important;
    align-items:flex-start!important;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
  }

  /* Mantém o botão redundante removido */
  body.mobile-home-rev03 .home-services-action{
    display:none!important;
  }

  /* CTA final imediatamente após ÁREAS */
  body.mobile-home-rev03 #atendimento.final-cta{
    min-height:auto!important;
    height:auto!important;
    padding:48px 0 58px!important;
    align-items:center!important;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
  }

  body.mobile-home-rev03 #atendimento .cta-card{
    width:min(920px,92%)!important;
    padding:34px 40px!important;
    margin:0 auto!important;
  }

  body.mobile-home-rev03 #atendimento .cta-card h2{
    margin-bottom:16px!important;
  }

  body.mobile-home-rev03 #atendimento .hero-actions{
    margin-bottom:0!important;
  }
}


/* =========================================================
   2026 EXPERIENCE — HOME OFICIAL REV.09
   Desktop/Notebook: mantém Fluxo Final Rev.08.
   Mobile/Tablet: identidade aplicada no index-mobile.html.
   ========================================================= */


/* =========================================================
   HOME OFICIAL REV.10 — DESKTOP / NOTEBOOK
   Alinhamento visual com o padrão aprovado no mobile/tablet.
   Sem redesign e sem alterações em ÁREAS.
   ========================================================= */
@media (min-width:901px){

  /* Cabeçalho: substitui somente o bloco IJ pelo nome textual */
  .site-header .brand{
    width:auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    text-decoration:none!important;
  }

  .site-header .desktop-brand-name-glow{
    display:inline-flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:0 2px!important;
    color:#102033!important;
    font-size:1.08rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    text-shadow:
      0 0 8px rgba(55,200,113,.32),
      0 1px 0 rgba(255,255,255,.92)!important;
  }

  /* Hero: aproveita o espaço liberado pela remoção da assinatura */
  body.mobile-home-rev03 #home .hero-copy{
    padding-top:0!important;
  }

  body.mobile-home-rev03 #home .hero-title-premium{
    margin-top:0!important;
  }

  /* Rodapé simples, mantendo o mesmo conceito visual do mobile/tablet */
  .desktop-home-footer{
    background:linear-gradient(135deg,#061426,#0b1f38 55%,#123b69)!important;
    color:#fff!important;
    padding:24px 0!important;
  }

  .desktop-home-footer-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
  }

  .desktop-footer-brand-glow{
    position:relative!important;
    display:inline-flex!important;
    padding:8px 14px!important;
    overflow:hidden!important;
    border:1px solid rgba(55,200,113,.42)!important;
    border-radius:999px!important;
    background:rgba(55,200,113,.10)!important;
    color:#fff!important;
    font-size:1rem!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    text-shadow:
      0 0 8px rgba(255,255,255,.35),
      0 0 14px rgba(55,200,113,.40)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.05),
      0 0 18px rgba(55,200,113,.17)!important;
  }

  .desktop-footer-brand-glow::after{
    content:"";
    position:absolute;
    top:-40%;
    left:-42%;
    width:32%;
    height:180%;
    transform:rotate(18deg);
    background:linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.62),
      transparent
    );
    animation:desktopFooterBrandSweepRev10 5.4s ease-in-out infinite;
    pointer-events:none;
  }

  .desktop-home-footer-inner > span{
    color:#dce8f5!important;
    font-size:.82rem!important;
    text-align:right!important;
  }
}

@keyframes desktopFooterBrandSweepRev10{
  0%,58%{left:-42%;opacity:0}
  64%{opacity:.82}
  82%{left:118%;opacity:.68}
  100%{left:118%;opacity:0}
}

@media (prefers-reduced-motion:reduce){
  .desktop-footer-brand-glow::after{
    animation:none!important;
  }
}


/* =========================================================
   HOME OFICIAL REV.12 — CABEÇALHO DESKTOP / NOTEBOOK
   Menu próximo à marca e botão Entrar destacado à direita.
   Mobile e tablet preservados.
   ========================================================= */
@media (min-width:901px){

  .site-header .nav{
    justify-content:flex-start!important;
    gap:0!important;
  }

  .site-header .menu{
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    gap:20px!important;
    margin-left:34px!important;
  }

  .site-header .menu a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:42px!important;
  }

  .site-header .menu a:last-child{
    margin-left:auto!important;
    min-height:42px!important;
    padding:0 18px!important;
    border:1px solid rgba(16,32,51,.10)!important;
    border-radius:10px!important;
    background:#e5e7e9!important;
    color:#4d5966!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      0 4px 12px rgba(6,20,38,.07)!important;
    transition:
      background .2s ease,
      color .2s ease,
      border-color .2s ease,
      transform .2s ease!important;
  }

  .site-header .menu a:last-child:hover,
  .site-header .menu a:last-child:focus-visible{
    background:#dfe3e6!important;
    color:#102033!important;
    border-color:rgba(55,200,113,.42)!important;
    transform:translateY(-1px)!important;
  }
}

@media (min-width:901px) and (max-width:1120px){
  .site-header .menu{
    gap:14px!important;
    margin-left:24px!important;
  }

  .site-header .menu a{
    font-size:.86rem!important;
  }

  .site-header .menu a:last-child{
    padding:0 15px!important;
  }
}

/* EXPERIENCE 2026 — CABEÇALHO OFICIAL + RETORNO REV.16 */
.site-header .brand-mark,.site-header .brand-text{display:none!important}.site-header .brand{text-decoration:none!important}.mobile-menu-trigger{display:none}
@media(min-width:901px){.site-header .nav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}.site-header .brand{width:auto!important;min-width:0!important;display:flex!important;align-items:center!important;flex:0 0 auto!important}.site-header .desktop-brand-name-glow{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 2px!important;color:#102033!important;font-size:1.08rem!important;line-height:1!important;font-weight:900!important;letter-spacing:-.025em!important;white-space:nowrap!important;text-shadow:0 0 8px rgba(55,200,113,.32),0 1px 0 rgba(255,255,255,.92)!important}.site-header .menu{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:flex-start!important;gap:20px!important;margin-left:34px!important}.site-header .menu a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important}.site-header .menu a:last-child{margin-left:auto!important;min-height:42px!important;padding:0 18px!important;border:1px solid rgba(16,32,51,.10)!important;border-radius:10px!important;background:#e5e7e9!important;color:#4d5966!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 4px 12px rgba(6,20,38,.07)!important}.site-header .menu a:last-child:hover,.site-header .menu a:last-child:focus-visible{background:#dfe3e6!important;color:#102033!important;border-color:rgba(55,200,113,.42)!important;transform:translateY(-1px)!important}}
@media(min-width:901px) and (max-width:1120px){.site-header .menu{gap:14px!important;margin-left:24px!important}.site-header .menu a{font-size:.86rem!important}.site-header .menu a:last-child{padding:0 15px!important}}
@media(max-width:900px){.site-header{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;box-shadow:0 8px 25px rgba(6,20,38,.08)!important}.site-header .nav{position:relative!important;width:min(1180px,91%)!important;min-height:72px!important;margin:0 auto!important;padding:10px 0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.site-header .brand{display:flex!important;align-items:center!important;width:auto!important;min-width:0!important;flex:0 1 auto!important;background:none!important;border:0!important;box-shadow:none!important}.site-header .desktop-brand-name-glow{display:inline-flex!important;align-items:center!important;color:#102033!important;font-size:clamp(1rem,3.6vw,1.22rem)!important;line-height:1!important;font-weight:900!important;letter-spacing:-.025em!important;white-space:nowrap!important;text-shadow:0 0 8px rgba(55,200,113,.28),0 1px 0 rgba(255,255,255,.92)!important}.mobile-menu-trigger{display:flex!important;width:50px!important;height:50px!important;flex:0 0 50px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#071426!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:0!important;padding:0!important}.mobile-menu-trigger::before{content:"☰";display:block;font-size:2.35rem;line-height:1;font-weight:800;transform:scaleX(1.10)}.mobile-menu-trigger[aria-expanded="true"]::before{content:"×";font-size:2.8rem;font-weight:400}.site-header .menu{display:none!important;position:absolute!important;top:66px!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:12px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 45px rgba(6,20,38,.18)!important;grid-template-columns:1fr 1fr!important;gap:8px!important;z-index:1001!important}.site-header .menu.is-open{display:grid!important}.site-header .menu a{display:flex!important;min-height:46px!important;align-items:center!important;justify-content:center!important;padding:10px 8px!important;border:0!important;border-radius:12px!important;background:#f5f8fc!important;color:#102033!important;font-size:.82rem!important;font-weight:800!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important}.site-header .menu a[aria-current="page"]{background:rgba(55,200,113,.12)!important;color:#15934c!important}.site-header .menu a:nth-last-child(2){grid-column:1/-1!important;background:#37c871!important;color:#052115!important}.site-header .menu a:last-child{grid-column:1/-1!important;background:#e5e7e9!important;color:#4d5966!important;border:1px solid rgba(16,32,51,.10)!important}}
@media(max-width:430px){.site-header .nav{min-height:68px!important}.site-header .desktop-brand-name-glow{font-size:1rem!important}.mobile-menu-trigger{width:46px!important;height:46px!important;flex-basis:46px!important}.site-header .menu{top:62px!important;grid-template-columns:1fr!important}.site-header .menu a,.site-header .menu a:nth-last-child(2),.site-header .menu a:last-child{grid-column:1!important}}
.service-return-section{position:relative!important;width:100%!important;padding:24px 0 34px!important;text-align:center!important}.service-return-section .container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important}.service-return-divider{width:min(100%,760px)!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,rgba(49,206,115,.20) 16%,rgba(49,206,115,.90) 50%,rgba(49,206,115,.20) 84%,transparent 100%)!important;box-shadow:0 0 10px rgba(49,206,115,.35)!important}.service-return-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:8px 16px!important;color:#20a958!important;font-size:1rem!important;line-height:1.2!important;font-weight:900!important;text-decoration:none!important;border-radius:999px!important;text-shadow:0 0 8px rgba(49,206,115,.55),0 0 16px rgba(49,206,115,.22)!important;transition:transform .2s ease,color .2s ease,text-shadow .2s ease,background .2s ease!important}.service-return-dot{width:10px!important;height:10px!important;flex:0 0 10px!important;border-radius:50%!important;background:#31ce73!important;box-shadow:0 0 0 3px rgba(49,206,115,.12),0 0 10px rgba(49,206,115,.95),0 0 20px rgba(49,206,115,.55)!important;animation:serviceReturnPulse 1.8s ease-in-out infinite!important}.service-return-link:hover,.service-return-link:focus-visible{color:#15934c!important;background:rgba(49,206,115,.08)!important;transform:translateY(-1px)!important;text-shadow:0 0 10px rgba(49,206,115,.75),0 0 20px rgba(49,206,115,.35)!important;outline:none!important}@keyframes serviceReturnPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.12);filter:brightness(1.22)}}
@media(max-width:900px){.service-return-section{padding:22px 0 30px!important}.service-return-section .container{gap:12px!important}.service-return-divider{width:min(100%,620px)!important}.service-return-link{font-size:.96rem!important;padding:8px 14px!important}}
@media(max-width:520px){.service-return-section{padding:18px 0 26px!important}.service-return-divider{width:92%!important}.service-return-link{max-width:92%!important;font-size:.90rem!important;padding:8px 12px!important;white-space:normal!important}.service-return-dot{width:9px!important;height:9px!important;flex-basis:9px!important}}
@media(prefers-reduced-motion:reduce){.service-return-dot{animation:none!important}.service-return-link{transition:none!important}}


/* =========================================================
   EXPERIENCE 2026 — REV.17 — PADRONIZAÇÃO COMPLETA DA NAVEGAÇÃO
   "Página Inicial" em todos os menus e retorno institucional.
   ========================================================= */
.page-home-return{clear:both!important;}


/* =========================================================
   EXPERIENCE 2026 — REV.17.1 — CORREÇÕES DE NAVEGAÇÃO
   ========================================================= */
@media(min-width:901px){
  body.independent-page #empresas .business-panel h2{
    font-size:clamp(1.75rem,2.2vw,2.25rem)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }
}
@media(max-width:900px){
  html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important}
  body.independent-page main.snap-wrapper{height:auto!important;min-height:0!important;overflow:visible!important}
  body.independent-page #empresas.snap-section,
  body.independent-page .companies-visual-screen{height:auto!important;min-height:auto!important;overflow:visible!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important}
  body.independent-page #empresas .business-panel h2{white-space:normal!important}
}

/* Rev.17.1.1: menu mobile/tablet normalizado nas páginas internas por override local final. */


/* =========================================================
   EXPERIENCE REV.17.1.2 — MENU MOBILE/TABLET AMPLIADO
   Igualação da área de toque ao padrão visual da Página Inicial.
   ========================================================= */
@media(max-width:900px){
  body.independent-page .site-header .nav{padding:12px 18px!important;gap:10px!important}
  body.independent-page .site-header .desktop-brand-name-glow{font-size:1rem!important}
  body.independent-page .mobile-menu-trigger{width:54px!important;height:54px!important;flex:0 0 54px!important}
  body.independent-page .mobile-menu-trigger::before,
  body.independent-page .mobile-menu-trigger[aria-expanded="true"]::before{content:"☰"!important;font-size:2.55rem!important;font-weight:800!important}
  body.independent-page .site-header .menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:10px 0 4px!important}
  body.independent-page .site-header .menu a,
  body.independent-page .site-header .menu a:nth-last-child(2),
  body.independent-page .site-header .menu a:last-child{grid-column:auto!important;min-height:66px!important;padding:14px 10px!important;border-radius:16px!important;font-size:1rem!important}
}
@media(min-width:600px) and (max-width:900px){
  body.independent-page .site-header .menu a,
  body.independent-page .site-header .menu a:nth-last-child(2),
  body.independent-page .site-header .menu a:last-child{min-height:72px!important;font-size:1.05rem!important}
}