@charset "UTF-8";
/* =========================================================================
   AUXILIO LAV | Lavanderia inteligente em Palmas, TO
   Folha de estilo principal
   -------------------------------------------------------------------------
   Direção visual: muito branco, respiro generoso, azul-marinho #002576 como
   cor dominante da tipografia e dos blocos de destaque, azul #00aeef e suas
   variações claras como cor de apoio. Ícones grandes. Mobile centralizado.
   Compatibilidade: Chrome/Edge/Firefox/Safari 14.1+ e webviews (Instagram,
   Facebook, TikTok), sem recursos que quebrem o layout quando ausentes.
   ========================================================================= */

/* =====================================================  1. TOKENS ======= */
:root{
  /* — Azul-marinho (cor dominante) — */
  --navy-900:#001336;
  --navy-800:#001b52;
  --navy:    #002576;   /* principal */
  --navy-600:#0b3aa0;
  --navy-500:#1a4fc0;

  /* — Azul de apoio e variações claras — */
  --blue-700:#0074a8;
  --blue-600:#0090c9;
  --blue:    #00aeef;   /* secundário */
  --blue-400:#3fc4f4;
  --blue-300:#7ed7f8;
  --blue-200:#b3e7fb;
  --blue-100:#daf3fd;
  --blue-050:#eff9fe;

  /* — Neutros — */
  --ink:   #0a1730;
  --muted: #5d6f92;
  --line:  #e6edf7;
  --line-2:#f1f5fb;
  --white: #ffffff;
  --soft:  #f7fafd;

  /* — Gradientes — */
  --g-navy: linear-gradient(158deg,#002576 0%,#001b52 55%,#00256e 100%);
  --g-blue: linear-gradient(135deg,#00aeef 0%,#0074a8 100%);
  --g-price:linear-gradient(120deg,#3fc4f4 0%,#00aeef 42%,#0074a8 100%);

  /* — Sombras — */
  --sh-xs:0 1px 2px rgba(0,37,118,.05);
  --sh-sm:0 4px 16px -6px rgba(0,37,118,.12);
  --sh-md:0 20px 44px -20px rgba(0,37,118,.26);
  --sh-lg:0 40px 90px -34px rgba(0,37,118,.40);

  /* — Raios — */
  --r-sm:12px; --r-md:20px; --r-lg:30px; --r-xl:44px;

  /* — Layout / respiro — */
  --maxw:1180px;
  --maxw-wide:1340px;
  --gut:clamp(22px,5.2vw,56px);
  --head:80px;
  --sec-y:clamp(76px,10vw,148px);

  --font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",
         Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* =====================================================  2. RESET ======== */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--head) + 20px);
}
body{
  margin:0;background:var(--white);color:var(--ink);
  font-family:var(--font);font-size:17px;line-height:1.68;font-weight:400;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img,svg,video{display:block;max-width:100%}
img{height:auto;border:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}
h1,h2,h3,h4,p,figure,ul,ol{margin:0}
ul{padding:0;list-style:none}
strong,b{font-weight:800}
::selection{background:var(--blue-200);color:var(--navy)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;
  }
}

/* =====================================================  3. BASE ========= */
.wrap{width:100%;max-width:var(--maxw);margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut)}
.wrap--wide{max-width:var(--maxw-wide)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.section{padding-top:var(--sec-y);padding-bottom:var(--sec-y)}
.section--soft{background:var(--soft)}
.section--blue{background:var(--blue-050)}
.section--navy{background:var(--g-navy);color:#fff}

/* — Cabeçalhos de seção — */
.eyebrow{
  display:inline-block;
  font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--blue-600);margin-bottom:20px;
}
.section--navy .eyebrow{color:var(--blue-300)}

.h2{
  font-size:clamp(1.9rem,4.6vw,3.15rem);
  line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--navy);
}
.section--navy .h2{color:#fff}
.h2 em{font-style:normal;color:var(--blue)}
.section--navy .h2 em{color:var(--blue-300)}

.lead{
  margin-top:22px;max-width:64ch;
  font-size:clamp(1.04rem,1.55vw,1.2rem);line-height:1.7;color:var(--muted);
}

.head{max-width:760px}
.head--center{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}
.head--center .lead{margin-left:auto;margin-right:auto}

/* =====================================================  4. BOTÕES ======= */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:18px 32px;border-radius:999px;
  font-size:1.02rem;font-weight:800;line-height:1;letter-spacing:-.01em;
  text-align:center;
  -webkit-transition:.24s cubic-bezier(.2,.8,.3,1);transition:.24s cubic-bezier(.2,.8,.3,1);
}
.btn > svg{width:21px;height:21px;flex:none;margin-right:11px}
.btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}
.btn:active{-webkit-transform:translateY(0);transform:translateY(0)}

.btn--wa{background:#25d366;color:#04331a;box-shadow:0 16px 32px -14px rgba(37,211,102,.9)}
.btn--wa:hover{background:#1cc25b}
.btn--primary{background:var(--g-blue);color:#fff;box-shadow:0 16px 34px -14px rgba(0,144,201,.85)}
.btn--navy{background:var(--navy);color:#fff;box-shadow:0 16px 34px -14px rgba(0,37,118,.8)}
.btn--navy:hover{background:var(--navy-600)}
.btn--ghost{background:rgba(255,255,255,.09);color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.32)}
.btn--ghost:hover{background:rgba(255,255,255,.18)}
.btn--outline{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 2px var(--line)}
.btn--outline:hover{box-shadow:inset 0 0 0 2px var(--blue);color:var(--blue-700)}
.btn--lg{padding:21px 40px;font-size:1.08rem}

/* Pulso suave para chamar atenção sem incomodar */
.btn--pulsa{position:relative}
.btn--pulsa::after{
  content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:999px;
  box-shadow:0 0 0 0 rgba(37,211,102,.55);
  -webkit-animation:pulsaBotao 2.8s cubic-bezier(.25,.8,.4,1) infinite;
  animation:pulsaBotao 2.8s cubic-bezier(.25,.8,.4,1) infinite;
  pointer-events:none;
}
@-webkit-keyframes pulsaBotao{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}
  70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}
@keyframes pulsaBotao{
  0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}
  70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}
  100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}
@media (prefers-reduced-motion:reduce){
  .btn--pulsa::after{-webkit-animation:none;animation:none}
}
.btn--sm{padding:13px 22px;font-size:.92rem}
.btn--sm > svg{width:18px;height:18px;margin-right:8px}

.btn-row{display:flex;flex-wrap:wrap;margin:34px -7px 0}
.btn-row .btn{margin:7px}
.head--center .btn-row,.btn-row--center{justify-content:center}

/* =====================================================  5. HEADER ======= */
.header{
  position:fixed;top:0;left:0;right:0;z-index:100;height:var(--head);
  display:flex;align-items:center;
  -webkit-transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s;
}
.header::before{
  content:"";position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(180deg,rgba(0,19,54,.5),rgba(0,19,54,0));
  -webkit-transition:opacity .3s;transition:opacity .3s;
}
.header.is-stuck{
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);
  box-shadow:0 1px 0 var(--line),0 14px 34px -28px rgba(0,37,118,.7);
}
.header.is-stuck::before{opacity:0}

.header__inner{
  position:relative;width:100%;max-width:var(--maxw-wide);
  margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut);
  display:flex;align-items:center;
}
.brand{display:block;flex:none;line-height:0}
.brand img{height:46px;width:auto;max-width:none}
.brand__dark{display:none}
.header.is-stuck .brand__light{display:none}
.header.is-stuck .brand__dark{display:block}

.nav{margin-left:auto;display:flex;align-items:center}
.nav .btn{display:none}
.nav a{
  padding:11px 15px;margin:0 2px;border-radius:999px;
  font-size:.95rem;font-weight:600;color:rgba(255,255,255,.9);
  -webkit-transition:.2s;transition:.2s;
}
.nav a:hover{color:#fff;background:rgba(255,255,255,.14)}
.nav a.is-active{color:#fff;background:rgba(255,255,255,.18)}
.header.is-stuck .nav a{color:var(--muted)}
.header.is-stuck .nav a:hover,
.header.is-stuck .nav a.is-active{color:var(--navy);background:var(--blue-050)}

.header__cta{flex:none;margin-left:18px}

.burger{
  display:none;width:48px;height:48px;flex:none;margin-left:14px;
  border-radius:15px;align-items:center;justify-content:center;
  background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);
}
.burger i{display:block;position:relative;width:21px;height:2px;border-radius:2px;background:#fff;-webkit-transition:.25s;transition:.25s}
.burger i::before,.burger i::after{
  content:"";position:absolute;left:0;width:21px;height:2px;border-radius:2px;background:#fff;
  -webkit-transition:.25s;transition:.25s;
}
.burger i::before{top:-7px}
.burger i::after{top:7px}
.header.is-stuck .burger{background:var(--blue-050);box-shadow:inset 0 0 0 1.5px var(--line)}
.header.is-stuck .burger i,
.header.is-stuck .burger i::before,
.header.is-stuck .burger i::after{background:var(--navy)}
.nav-open .burger i{background:transparent!important}
.nav-open .burger i::before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-open .burger i::after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/* =====================================================  6. HERO ========= */
/* Banner principal: foto da loja em tela cheia, zoom leve e paralaxe suave. */
.hero{
  position:relative;overflow:hidden;color:#fff;background:var(--navy-800);
  min-height:clamp(660px,96vh,1020px);
  display:flex;flex-direction:column;justify-content:center;
  padding-top:calc(var(--head) + clamp(48px,6vw,84px));
  padding-bottom:clamp(72px,8vw,110px);
  text-align:center;
}
.hero__media{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}
.hero__par{
  position:absolute;top:-8%;left:0;right:0;height:116%;
  will-change:transform;
}
.hero__par picture{display:block;width:100%;height:100%}
.hero__img{
  width:100%;height:100%;display:block;
  -o-object-fit:cover;object-fit:cover;
  -o-object-position:center center;object-position:center center;
  -webkit-transform:scale(1.04);transform:scale(1.04);
  -webkit-animation:heroZoom 24s ease-in-out infinite alternate;
  animation:heroZoom 24s ease-in-out infinite alternate;
}
@-webkit-keyframes heroZoom{from{-webkit-transform:scale(1.04)}to{-webkit-transform:scale(1.14)}}
@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){
  .hero__img{-webkit-animation:none;animation:none;-webkit-transform:none;transform:none}
}

/* Película única e uniforme: deixa a foto evidente e mantém o texto legível */
.hero__veil{
  position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
  background:rgba(0,22,66,.48);
}

.hero__content{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;
}

.hero__tag{
  display:inline-flex;align-items:center;
  padding:10px 22px 10px 15px;border-radius:999px;
  background:rgba(0,19,54,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);
  font-size:.86rem;font-weight:700;color:#e6f5ff;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.hero__tag .dot{
  width:9px;height:9px;border-radius:50%;background:var(--blue);margin-right:11px;flex:none;
  box-shadow:0 0 0 4px rgba(0,174,239,.30);
  -webkit-animation:pulse 2.6s ease-in-out infinite;animation:pulse 2.6s ease-in-out infinite;
}
@-webkit-keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(0,174,239,.30)}50%{box-shadow:0 0 0 11px rgba(0,174,239,0)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(0,174,239,.30)}50%{box-shadow:0 0 0 11px rgba(0,174,239,0)}}

.hero h1{
  margin-top:24px;max-width:22ch;
  font-size:clamp(2.15rem,5vw,3.95rem);
  line-height:1.04;font-weight:800;letter-spacing:-.038em;color:#fff;
  text-shadow:0 2px 10px rgba(0,16,48,.45), 0 4px 40px rgba(0,16,48,.55);
}
.hero h1 .hl{color:var(--blue-300)}
.hero__sub{
  margin-top:20px;max-width:54ch;
  font-size:clamp(1.02rem,1.55vw,1.18rem);line-height:1.6;color:#e6f0fc;
  text-shadow:0 2px 18px rgba(0,16,48,.8);
}

/* — Selo de preço oficial (SVG) — */
.preco{margin-top:clamp(26px,3vw,36px);display:flex;flex-direction:column;align-items:center}
.preco__selo{
  width:100%;max-width:clamp(340px,46vw,640px);height:auto;
  -webkit-filter:drop-shadow(0 26px 50px rgba(0,20,50,.6));
  filter:drop-shadow(0 26px 50px rgba(0,20,50,.6));
}
.preco__nota{
  margin-top:14px;max-width:48ch;
  font-size:.95rem;font-weight:600;color:#dbe8f8;
  text-shadow:0 2px 14px rgba(0,16,48,.85);
}

/* — Pilares em destaque no banner — */
.hero__pilares{
  display:flex;flex-wrap:wrap;justify-content:center;
  margin:clamp(26px,3vw,36px) -6px 0;
}
.hero__pilares li{
  display:flex;align-items:center;margin:6px;
  padding:12px 22px;border-radius:999px;
  background:rgba(0,19,54,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
  font-size:.95rem;font-weight:700;color:#fff;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.hero__pilares svg{width:24px;height:24px;flex:none;margin-right:11px;color:var(--blue-300)}

/* ==================================================  7. 4 PILARES ====== */
.section--pilares{background:#fff}

.pilares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,26px)}
.pilar{
  position:relative;overflow:hidden;text-align:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(34px,3.6vw,44px) clamp(20px,2.4vw,30px) clamp(28px,3vw,34px);
  -webkit-transition:.3s cubic-bezier(.2,.8,.3,1);transition:.3s cubic-bezier(.2,.8,.3,1);
}
.pilar::before{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;
  background:var(--g-blue);opacity:0;
  -webkit-transition:opacity .3s;transition:opacity .3s;
}
.pilar:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);
  box-shadow:var(--sh-md);border-color:var(--blue-200)}
.pilar:hover::before{opacity:1}

.pilar__ico{
  width:96px;height:96px;margin:0 auto 24px;border-radius:30px;
  display:flex;align-items:center;justify-content:center;
  background:var(--blue-050);color:var(--blue-600);
  -webkit-transition:.3s;transition:.3s;
}
.pilar__ico svg{width:54px;height:54px}
.pilar:hover .pilar__ico{background:var(--g-blue);color:#fff;
  box-shadow:0 18px 32px -16px rgba(0,144,201,.95)}

.pilar h3{font-size:1.22rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.25}
.pilar p{margin-top:12px;font-size:.99rem;color:var(--muted)}
.pilar__selo{
  display:inline-block;margin-top:20px;padding:7px 16px;border-radius:999px;
  background:var(--blue-050);color:var(--blue-700);
  font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
}

/* ==============================================  7b. FAIXA DE FOTO ===== */
/* Divisor de seção em imagem inteira, com mensagem sobreposta. */
.faixa{
  position:relative;overflow:hidden;color:#fff;background:var(--navy-800);
  display:flex;align-items:center;
  min-height:clamp(460px,50vw,680px);
  padding:clamp(60px,7vw,96px) 0;
  text-align:left;
}
.faixa__media,
.faixa__media img{
  position:absolute;top:0;left:0;width:100%;height:100%;
  -o-object-fit:cover;object-fit:cover;
  -o-object-position:center 42%;object-position:center 42%;
}
.faixa__veil{
  position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
  background:rgba(0,22,66,.50);        /* película única e uniforme */
}
.faixa__content{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:flex-start;
}
.faixa .eyebrow{color:var(--blue-300)}
.faixa h2{
  max-width:24ch;
  font-size:clamp(1.95rem,4.8vw,3.3rem);line-height:1.08;font-weight:800;
  letter-spacing:-.032em;color:#fff;text-shadow:0 4px 30px rgba(0,19,54,.6);
}
.faixa h2 em{font-style:normal;color:var(--blue-300)}
.faixa__content > p{
  margin-top:22px;max-width:46ch;
  font-size:clamp(1.04rem,1.6vw,1.2rem);line-height:1.65;color:#dbe9fb;
  text-shadow:0 2px 18px rgba(0,19,54,.7);
}
.faixa__destaque{
  display:inline-flex;align-items:center;margin-top:30px;
  padding:14px 26px;border-radius:999px;
  background:rgba(0,19,54,.46);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
  font-size:1rem;font-weight:800;color:#fff;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.faixa__destaque svg{width:26px;height:26px;flex:none;margin-right:13px;color:var(--blue-300)}


/* ==========================================  7c. SEÇÃO COM FOTO ======== */
/* Seção de conteúdo com foto de tela cheia ao fundo e película uniforme. */
.secao-foto{position:relative;overflow:hidden;color:#fff;background:var(--navy-800)}
.secao-foto__media,
.secao-foto__media img{
  position:absolute;top:0;left:0;width:100%;height:100%;
  -o-object-fit:cover;object-fit:cover;
  -o-object-position:center center;object-position:center center;
}
/* Enquadramento por seção, para o texto não cair sobre o letreiro da loja */
#para-quem .secao-foto__media img{-o-object-position:30% center;object-position:30% center}
.secao-foto__veil{
  position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
  background:rgba(0,22,66,.50);        /* película única e uniforme */
}
.secao-foto--escura .secao-foto__veil{background:rgba(0,22,66,.56)}
.secao-foto__content{position:relative;z-index:2}

/* Cards sobre foto ganham fundo próprio, senão a imagem atrapalha a leitura */
.secao-foto .who__item{
  background:rgba(0,22,66,.58);border-color:rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.secao-foto .who__item:hover{background:rgba(0,22,66,.72)}
.secao-foto .who__item span{color:#cfe0f7}
.secao-foto .h2{color:#fff}
.secao-foto .h2 em{color:var(--blue-300)}
.secao-foto .eyebrow{color:var(--blue-300)}
.secao-foto .lead{color:#e0ecfb}
.secao-foto .h2,.secao-foto .lead{text-shadow:0 2px 22px rgba(0,16,48,.7)}

/* ===============================================  7d. ABERTO 24H ======= */
.turnos{
  position:relative;overflow:hidden;color:#fff;
  background:var(--navy);
  padding-top:var(--sec-y);padding-bottom:var(--sec-y);
  text-align:center;
}
.turnos::before,.turnos::after{
  content:"";position:absolute;width:min(620px,80vw);height:min(620px,80vw);
  border-radius:50%;-webkit-filter:blur(110px);filter:blur(110px);pointer-events:none;
}
.turnos::before{background:rgba(0,174,239,.28);top:-30%;left:-10%}
.turnos::after{background:rgba(11,58,160,.55);bottom:-34%;right:-12%}

.turnos__head{position:relative;z-index:1;max-width:760px;margin-left:auto;margin-right:auto}
.turnos .eyebrow{color:var(--blue-300)}
.turnos h2{
  font-size:clamp(1.95rem,4.6vw,3.15rem);line-height:1.08;font-weight:800;
  letter-spacing:-.032em;color:#fff;
}
.turnos h2 em{font-style:normal;color:var(--blue-300)}
.turnos__head p{
  margin:22px auto 0;max-width:56ch;
  font-size:clamp(1.02rem,1.55vw,1.18rem);line-height:1.7;color:#c9dcf6;
}

.turnos__grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr auto 1fr;
  gap:clamp(20px,3vw,40px);align-items:center;
  margin-top:clamp(46px,6vw,76px);
}
.turno{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r-lg);padding:clamp(32px,3.6vw,44px) clamp(24px,2.8vw,34px);
  -webkit-transition:.3s;transition:.3s;
}
.turno:hover{background:rgba(255,255,255,.12);-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.turno__ico{
  width:92px;height:92px;margin:0 auto 22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.turno__ico svg{width:50px;height:50px}
.turno--dia .turno__ico{background:rgba(255,214,120,.16);color:#ffd678}
.turno--noite .turno__ico{background:rgba(126,215,248,.16);color:var(--blue-300)}
.turno b{display:block;font-size:1.24rem;color:#fff;letter-spacing:-.02em}
.turno span{display:block;margin-top:10px;font-size:1rem;line-height:1.6;color:#c2d6f2}

.turnos__selo{
  width:clamp(120px,14vw,166px);height:clamp(120px,14vw,166px);
  margin:0 auto;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--g-blue);color:#fff;
  box-shadow:0 26px 50px -22px rgba(0,144,201,1), inset 0 1px 0 rgba(255,255,255,.35);
}
.turnos__numero{font-size:clamp(2.1rem,3.4vw,2.9rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.turnos__texto{margin-top:6px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#daf3fd}


/* =====================================================  8. CARDS ======== */
.grid{display:grid;gap:clamp(20px,2.6vw,30px)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mt-xl{margin-top:clamp(46px,6vw,76px)}
.mt-lg{margin-top:clamp(32px,4vw,52px)}

.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(30px,3.4vw,40px);box-shadow:var(--sh-xs);
  -webkit-transition:.3s cubic-bezier(.2,.8,.3,1);transition:.3s cubic-bezier(.2,.8,.3,1);
}
.card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:var(--sh-md);border-color:var(--blue-200)}
.card .ico{
  width:78px;height:78px;margin-bottom:24px;border-radius:24px;
  display:flex;align-items:center;justify-content:center;
  background:var(--g-blue);color:#fff;
  box-shadow:0 16px 28px -14px rgba(0,144,201,.9);
}
.card .ico svg{width:42px;height:42px}
.card h3{font-size:1.2rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;line-height:1.3}
.card p{margin-top:12px;font-size:1rem;color:var(--muted)}

/* =====================================================  9. COMPARATIVO == */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,30px)}
.vs{border-radius:var(--r-lg);padding:clamp(30px,3.6vw,44px);display:flex;flex-direction:column}
.vs--old{background:#fff;border:1px solid var(--line)}
.vs--new{position:relative;overflow:hidden;background:var(--g-navy);color:#fff;box-shadow:var(--sh-md)}
.vs--new::before{
  content:"";position:absolute;width:400px;height:400px;border-radius:50%;
  background:rgba(0,174,239,.3);-webkit-filter:blur(80px);filter:blur(80px);top:-45%;right:-28%;
}
.vs__head{position:relative;display:flex;align-items:center;flex-wrap:wrap;margin-bottom:26px}
.vs__head b{font-size:1.18rem;letter-spacing:-.02em;margin-right:12px}
.vs--old .vs__head b{color:#8494ad}
.vs__pill{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.vs--old .vs__pill{background:var(--line-2);color:#9aa9c0}
.vs--new .vs__pill{background:var(--blue);color:var(--navy-900)}
.vs ul{position:relative}
.vs li{display:flex;align-items:flex-start;font-size:1.02rem;line-height:1.55}
.vs li + li{margin-top:16px}
.vs li svg{width:23px;height:23px;flex:none;margin-right:14px;margin-top:3px}
.vs--old li{color:#7b8ba5}
.vs--old li svg{color:#c8d2e0}
.vs--new li{color:#d5e5fb}
.vs--new li svg{color:var(--blue-300)}
.vs__foot{position:relative;margin-top:auto;padding-top:30px;font-size:1rem;font-weight:800}
.vs--old .vs__foot{color:#9aa9c0}
.vs--new .vs__foot{color:var(--blue-300)}

/* =====================================================  10. PASSOS ====== */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,28px);counter-reset:step}
.step{
  position:relative;text-align:center;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(32px,3.4vw,40px) clamp(20px,2.4vw,28px);
}
.step__n{
  counter-increment:step;
  width:58px;height:58px;margin:0 auto 22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--g-blue);color:#fff;font-size:1.32rem;font-weight:800;
  box-shadow:0 16px 26px -14px rgba(0,144,201,.95);
}
.step__n::before{content:counter(step)}
.step .ico{width:64px;height:64px;margin:0 auto 18px;color:var(--navy)}
.step .ico svg{width:64px;height:64px}
.step h3{font-size:1.1rem;font-weight:800;color:var(--navy);letter-spacing:-.015em}
.step p{margin-top:10px;font-size:.96rem;color:var(--muted)}
.step:not(:last-child)::after{
  content:"";position:absolute;top:60px;right:-16px;width:32px;height:2px;
  background:var(--blue-200);
}

/* =====================================================  11. SPLIT ======= */
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5.5vw,88px);align-items:center}
.split__media{
  position:relative;overflow:hidden;border-radius:var(--r-xl);box-shadow:var(--sh-md);
  max-width:440px;margin-left:auto;margin-right:auto;   /* container lateral */
}
.split__media picture{display:block}
.split__media img{width:100%;height:auto;display:block}
.split--rev .split__media{order:2}

.checks{margin-top:32px}
.checks li{display:flex;align-items:flex-start;font-size:1.06rem;font-weight:600;color:var(--ink)}
.checks li + li{margin-top:18px}
.checks li svg{width:26px;height:26px;flex:none;margin-right:15px;margin-top:2px;color:var(--blue)}
.section--navy .checks li{color:#d5e5fb}
.section--navy .checks li svg{color:var(--blue-300)}

/* =====================================================  12. TILES ======= */
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.8vw,20px)}
.tile{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:32px 14px 26px;text-align:center;
  -webkit-transition:.28s;transition:.28s;
}
.tile:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);border-color:var(--blue-200);box-shadow:var(--sh-sm)}
.tile svg{width:52px;height:52px;margin:0 auto 16px;color:var(--blue-600)}
.tile b{display:block;font-size:.95rem;line-height:1.35;color:var(--navy)}

/* =====================================================  13. MARCAS ====== */
.section--produtos{background:#fff}

.marcas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,30px)}
.marca{
  text-align:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:clamp(30px,3.4vw,42px) clamp(22px,2.6vw,32px);
  box-shadow:var(--sh-xs);
  -webkit-transition:.3s cubic-bezier(.2,.8,.3,1);transition:.3s cubic-bezier(.2,.8,.3,1);
}
.marca:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);
  box-shadow:var(--sh-md);border-color:var(--blue-200)}
.marca__logo{
  display:flex;align-items:center;justify-content:center;
  height:clamp(120px,12vw,160px);margin-bottom:26px;
  padding:0 clamp(10px,2vw,24px);
  border-radius:var(--r-md);background:var(--blue-050);
}
.marca__logo img{
  max-height:clamp(74px,8vw,104px);max-width:86%;width:auto;
  -o-object-fit:contain;object-fit:contain;
}
.marca b{display:block;font-size:1.16rem;font-weight:800;color:var(--navy);letter-spacing:-.02em}
.marca span{display:block;margin-top:9px;font-size:.98rem;color:var(--muted);line-height:1.55}

.marcas__nota{
  margin-top:clamp(28px,3.4vw,40px);text-align:center;
  font-size:clamp(1.05rem,1.7vw,1.24rem);font-weight:800;color:var(--navy);
}

/* =====================================================  15. PÚBLICOS ==== */
.who{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.8vw,20px)}
.who__item{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-md);padding:32px 24px;
  -webkit-transition:.28s;transition:.28s;
}
.who__item:hover{background:rgba(255,255,255,.12);-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.who__item svg{width:46px;height:46px;color:var(--blue-300);margin-bottom:18px}
.who__item b{display:block;font-size:1.06rem;color:#fff;letter-spacing:-.015em}
.who__item span{display:block;margin-top:8px;font-size:.93rem;line-height:1.55;color:#b0c6e8}

/* =====================================================  16. FAQ ========= */
.faq{max-width:880px;margin-left:auto;margin-right:auto}
.faq__item{border-bottom:1px solid var(--line)}
.faq__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:28px 4px;text-align:left;
  font-size:clamp(1.04rem,1.7vw,1.18rem);font-weight:700;color:var(--navy);line-height:1.4;
}
.faq__q:hover{color:var(--blue-700)}
.faq__q .chev{
  width:40px;height:40px;flex:none;margin-left:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--blue-050);color:var(--blue-600);
  -webkit-transition:.3s;transition:.3s;
}
.faq__q .chev svg{width:19px;height:19px}
.faq__item.is-open .faq__q .chev{
  background:var(--blue);color:#fff;
  -webkit-transform:rotate(180deg);transform:rotate(180deg);
}
.faq__a{overflow:hidden;max-height:0;-webkit-transition:max-height .38s cubic-bezier(.2,.8,.3,1);transition:max-height .38s cubic-bezier(.2,.8,.3,1)}
.faq__a p{padding:0 60px 30px 4px;color:var(--muted);max-width:72ch}

/* ==================================  16b. PALMAS + LOCALIZAÇÃO ========= */
/* Seção única: foto aérea de Palmas com película azul e todas as informações. */
.palmas{
  position:relative;overflow:hidden;background:#0b74b8;color:#fff;
  min-height:56.25vw;             /* proporção 16x9 no desktop */
  padding-top:clamp(48px,6.4vw,88px);
  padding-bottom:clamp(48px,6.4vw,88px);
}
.palmas__media,
.palmas__media img{
  position:absolute;top:0;left:0;width:100%;height:100%;
  -o-object-fit:cover;object-fit:cover;
  -o-object-position:center bottom;object-position:center bottom;
}

/* Película azul: leve, deixa a cidade aparecer e garante leitura do texto */
.palmas__veil{
  position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
  background:rgba(0,37,118,.46);       /* película única e uniforme */
}

.palmas__content{position:relative;z-index:2}

/* Assinatura da marca no centro da imagem */
.palmas__marca{
  display:flex;justify-content:center;
  margin:clamp(48px,7vw,88px) 0 clamp(40px,6vw,72px);
}
.palmas__marca img{
  width:auto;height:clamp(58px,7vw,92px);
  -webkit-filter:drop-shadow(0 10px 30px rgba(0,16,48,.6));
  filter:drop-shadow(0 10px 30px rgba(0,16,48,.6));
}

/* Banner de oferta, no mesmo bloco da foto aérea */
.oferta{text-align:center;display:flex;flex-direction:column;align-items:center}
.oferta h2{
  font-size:clamp(1.9rem,4.4vw,3.05rem);line-height:1.08;font-weight:800;
  letter-spacing:-.032em;color:#fff;max-width:24ch;
  text-shadow:0 3px 26px rgba(0,16,48,.6);
}
.oferta p{
  margin:20px auto 0;max-width:54ch;
  font-size:clamp(1.02rem,1.55vw,1.18rem);line-height:1.65;color:#e2eefc;
  text-shadow:0 2px 18px rgba(0,16,48,.7);
}
.oferta__preco{
  display:inline-flex;align-items:baseline;
  margin-top:clamp(26px,3vw,34px);padding:14px 30px;border-radius:999px;
  background:rgba(0,25,74,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
  font-weight:800;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.oferta__preco small{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#c5d9f5;margin-right:12px}
.oferta__preco strong{font-size:1.8rem;color:var(--blue-300);letter-spacing:-.02em}
.palmas .eyebrow{color:#bfe9fb}
.palmas h2{
  font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:800;letter-spacing:-.03em;
  line-height:1.08;color:#fff;max-width:18ch;
  text-shadow:0 3px 26px rgba(0,25,72,.55);
}
.palmas h2 em{font-style:normal;color:#8fe0fb}
.palmas__texto{
  margin-top:20px;max-width:46ch;
  font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.65;color:#e2f0fd;
  text-shadow:0 2px 18px rgba(0,25,72,.6);
}

/* Blocos de informação sobre a foto */
.palmas__info{
  display:flex;flex-wrap:wrap;margin:clamp(28px,3.4vw,40px) -8px 0;
}
.palmas__info > li{
  display:flex;align-items:flex-start;margin:8px;
  padding:16px 24px 16px 18px;border-radius:20px;
  background:rgba(0,29,86,.46);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.palmas__info .ico{
  width:46px;height:46px;flex:none;margin-right:15px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.16);color:#8fe0fb;
}
.palmas__info .ico svg{width:24px;height:24px}
.palmas__info b{display:block;font-size:.98rem;color:#fff;letter-spacing:-.01em}
.palmas__info span span{display:block;font-size:.92rem;color:#cfe4fa;line-height:1.5}
.palmas__info a:hover{color:#fff}

.palmas .btn-row{margin-top:clamp(26px,3vw,36px)}

/* =====================================================  19. RODAPÉ ====== */
.footer{background:var(--navy-900);color:#9db6dc;padding-top:clamp(64px,7vw,92px)}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(32px,4vw,56px)}
.footer .flogo{height:50px;width:auto;margin-bottom:22px}
.footer p{font-size:.96rem;line-height:1.75;max-width:38ch}
.footer h4{font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:20px}
.footer li + li{margin-top:12px}
.footer a{font-size:.96rem;-webkit-transition:color .2s;transition:color .2s}
.footer a:hover{color:var(--blue-300)}
.socials{display:flex;margin-top:24px}
.socials a{
  width:46px;height:46px;margin-right:10px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);color:#fff;-webkit-transition:.25s;transition:.25s;
}
.socials a:hover{background:var(--blue);-webkit-transform:translateY(-3px);transform:translateY(-3px)}
.socials svg{width:21px;height:21px}
.footer__bar{
  margin-top:clamp(48px,5.5vw,72px);padding:26px 0;
  border-top:1px solid rgba(255,255,255,.1);
  display:flex;flex-wrap:wrap;justify-content:space-between;
  font-size:.86rem;color:#748ec0;
}
.footer__bar p{max-width:none}

/* =====================================================  20. WHATSAPP ==== */
.wa-float{
  position:fixed;right:22px;bottom:22px;z-index:95;
  display:inline-flex;align-items:center;
  padding:15px 24px 15px 18px;border-radius:999px;
  background:#25d366;color:#04331a;font-size:.96rem;font-weight:800;
  box-shadow:0 18px 38px -14px rgba(37,211,102,.95);
  opacity:0;visibility:hidden;
  -webkit-transform:translateY(140%);transform:translateY(140%);
  -webkit-transition:.4s cubic-bezier(.2,.8,.3,1);transition:.4s cubic-bezier(.2,.8,.3,1);
}
.wa-float.is-visible{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
.wa-float:hover{background:#1cc25b}
.wa-float svg{width:25px;height:25px;flex:none;margin-right:11px}

/* =====================================================  21. REVEAL ====== */
.reveal{
  opacity:0;-webkit-transform:translateY(28px);transform:translateY(28px);
  -webkit-transition:opacity .75s ease,-webkit-transform .75s cubic-bezier(.2,.8,.3,1);
  transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.3,1);
}
.reveal.is-in{opacity:1;-webkit-transform:none;transform:none}
.no-js .reveal{opacity:1;-webkit-transform:none;transform:none}

/* =====================================================  22. RESPONSIVO == */
@media (max-width:1120px){
  .pilares{grid-template-columns:repeat(2,1fr)}
  .turnos__grid{grid-template-columns:1fr 1fr;gap:24px}
  .turnos__selo{grid-column:1 / -1;order:-1}
  .who{grid-template-columns:repeat(3,1fr)}
  .tiles{grid-template-columns:repeat(3,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr}
}

@media (max-width:940px){
  .nav{
    position:fixed;top:var(--head);left:0;right:0;
    flex-direction:column;align-items:stretch;
    padding:18px var(--gut) 30px;background:#fff;
    box-shadow:0 26px 44px -26px rgba(0,37,118,.55);
    opacity:0;visibility:hidden;
    -webkit-transform:translateY(-115%);transform:translateY(-115%);
    -webkit-transition:.34s cubic-bezier(.2,.8,.3,1);transition:.34s cubic-bezier(.2,.8,.3,1);
  }
  .nav-open .nav{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}
  .nav a{margin:2px 0;padding:15px 18px;border-radius:16px;font-size:1.04rem;color:var(--navy)!important}
  .nav a:hover,.nav a.is-active{background:var(--blue-050)!important}
  .nav .btn{display:inline-flex;margin-top:12px}
  .burger{display:flex;margin-left:auto}
  .header__cta{display:none}
  .nav-open .header{background:#fff}
  .nav-open .header::before{opacity:0}
  .nav-open .brand__light{display:none}
  .nav-open .brand__dark{display:block}
  .nav-open .burger{background:var(--blue-050);box-shadow:inset 0 0 0 1.5px var(--line)}
  .nav-open .burger i::before,.nav-open .burger i::after{background:var(--navy)}


  .steps{grid-template-columns:repeat(2,1fr)}
  .step:not(:last-child)::after{display:none}
  .grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}
  .compare{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:40px}
  .split--rev .split__media{order:0}
}

/* — MOBILE: tudo centralizado — */
@media (max-width:700px){
  body{font-size:16px}
  :root{--head:72px}

  .head,.head--center{text-align:center;margin-left:auto;margin-right:auto}
  .lead{margin-left:auto;margin-right:auto}
  .btn-row{justify-content:center}
  .btn{width:100%;max-width:400px}

  .hero{text-align:center}

  .card,.vs,.step,.who__item{text-align:center}
  .card .ico,.info__row .ico{margin-left:auto;margin-right:auto}
  .card .ico{margin-bottom:22px}
  .who__item svg{margin-left:auto;margin-right:auto}
  .vs__head{justify-content:center}
  .vs li,.checks li,.info__row{
    -webkit-box-orient:vertical;-webkit-box-direction:normal;
    flex-direction:column;align-items:center;text-align:center;
  }
  .vs li svg,.checks li svg{margin-left:auto;margin-right:auto;margin-bottom:10px}
  .info__row .ico{margin-left:auto;margin-right:auto;margin-bottom:14px}
  .checks{display:inline-block;text-align:center}

  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
  .pilares,.marcas{grid-template-columns:1fr}
  .turnos__grid{grid-template-columns:1fr}
  .turnos__selo{order:0;margin-top:6px;margin-bottom:6px}
  .palmas__marca{margin:clamp(38px,9vw,56px) 0}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .who{grid-template-columns:1fr}
  /* Fotos de tela cheia passam a 9x16 e dominam a tela */
  .hero{min-height:177vw}
  .hero__tag,.hero__pilares li{
    -webkit-backdrop-filter:none;backdrop-filter:none;
    background:rgba(0,19,54,.52);
  }
  .faixa{min-height:177vw;padding:clamp(56px,11vw,80px) 0;text-align:center;
         display:flex;align-items:center}
  /* Imagens verticais ocupam toda a largura disponível */
  .split__media{max-width:none}
  .faixa__content{align-items:center}
  .faixa h2{margin-left:auto;margin-right:auto;max-width:18ch}
  .faixa__content > p{margin-left:auto;margin-right:auto;max-width:32ch}
  .faixa__destaque{padding:13px 20px;font-size:.94rem;text-align:left}
  .faixa__destaque svg{margin-right:11px}
  .faixa__veil{background:rgba(0,22,66,.60)}
  .hero__pilares li{padding:11px 16px;font-size:.88rem}
  .hero__pilares svg{width:20px;height:20px;margin-right:8px}
  .footer__grid{grid-template-columns:1fr;text-align:center}
  .footer p{margin-left:auto;margin-right:auto}
  .footer .flogo{margin-left:auto;margin-right:auto}
  .socials{justify-content:center}
  .socials a{margin:0 5px}
  .footer__bar{justify-content:center;text-align:center}

  .faq__q{padding:24px 0}
  .faq__q .chev{margin-left:16px}
  .faq__a p{padding:0 0 26px}


  /* Palmas: base da foto alinhada, formato 9x16 no mobile, tudo centralizado */
  .palmas{min-height:150vw;padding-top:clamp(48px,10vw,68px);padding-bottom:clamp(48px,10vw,68px)}
  .palmas__content{text-align:center}
  .palmas h2{margin-left:auto;margin-right:auto;max-width:16ch}
  .palmas__texto{margin-left:auto;margin-right:auto;max-width:34ch}
  .palmas__info{flex-direction:column;align-items:center}
  .palmas__info > li{width:100%;max-width:340px;flex-direction:column;align-items:center;text-align:center}
  .palmas__info .ico{margin-right:0;margin-bottom:12px}
  .palmas .btn-row{justify-content:center}
  .palmas__veil{background:rgba(0,37,118,.58)}
  .hero__veil{background:rgba(0,22,66,.56)}
  .secao-foto__veil{background:rgba(0,22,66,.58)}
  .secao-foto--escura .secao-foto__veil{background:rgba(0,22,66,.62)}
  .oferta p,.palmas__texto{text-shadow:0 2px 16px rgba(0,16,48,.9)}

  .wa-float{right:16px;bottom:16px;padding:16px}
  .wa-float span{display:none}
  .wa-float svg{margin-right:0}
}

@media (max-width:344px){
  .tiles{grid-template-columns:1fr}
}

/* =====================================================  23. FALLBACKS === */
/* Navegadores antigos (iOS 14 / webviews) sem suporte a gap em grid */
@supports not (gap:1px){
  .grid > *,.steps > *,.tiles > *,.who > *,.pilares > *,.marcas > *{margin-bottom:20px}
}

/* =====================================================  24. IMPRESSÃO === */
@media print{
  .hero__veil,.secao-foto__veil,.palmas__veil,.faixa__veil{display:none!important}
  .header,.nav,.burger,.wa-float{display:none!important}
  body{font-size:12pt;color:#000;background:#fff}
  .hero,.palmas,.faixa,.turnos,.secao-foto,.section--navy,.footer{background:#fff!important;color:#000!important}
  .hero h1,.h2,.palmas h2,.faixa h2,.turnos h2,.oferta h2{color:#002576!important}
  .reveal{opacity:1!important;transform:none!important}
}