/* ==========================================================================
   ATLAS STUDIO LOCAL — local.css
   Azul-marinho profundo como cor de ênfase. O preto continua na base;
   o azul entra onde precisa destacar. Carregar depois de style.css.
   ========================================================================== */

body.local {
  --azul: #16305c;          /* marinho principal */
  --azul-2: #214a86;        /* marinho médio */
  --azul-3: #3d6fb5;        /* azul de apoio */
  --azul-4: #dbe6f5;        /* azul claro de fundo */
  --azul-fog: #f2f6fc;      /* fundo levíssimo */
  --azul-linha: #cddcf0;
}

/* --- ênfases --- */
body.local .eyebrow { color: var(--azul-2); }

body.local .mark {
  background: linear-gradient(120deg, var(--azul), var(--azul-2));
  color: #fff;
}

body.local .btn {
  background: linear-gradient(125deg, var(--azul) 0%, var(--azul-2) 100%);
  border-color: transparent;
  color: #fff;
}

body.local .btn:hover { background: linear-gradient(125deg, var(--azul-2) 0%, var(--azul-3) 100%); }

body.local .btn--ghost {
  background: transparent;
  color: var(--azul);
  border-color: var(--azul-linha);
}

body.local .btn--ghost:hover { background: var(--azul-fog); border-color: var(--azul-2); color: var(--azul); }
body.local .btn--light { background: #fff; color: var(--azul); border-color: #fff; }
body.local .btn--light:hover { background: var(--azul-4); }

body.local .special--solid {
  background: linear-gradient(125deg, var(--azul), var(--azul-2));
  border-color: transparent;
  color: #fff;
}

body.local .special--outline { color: var(--azul); border-color: var(--azul-linha); }
body.local .special--outline::after { background: var(--azul); }
body.local .special--outline:hover { color: #fff; border-color: var(--azul); }

body.local .progress { background: linear-gradient(90deg, var(--azul), var(--azul-3)); }

/* --- seções --- */
body.local .section--ink {
  background:
    radial-gradient(900px circle at 85% 0%, rgba(61, 111, 181, 0.28), transparent 60%),
    linear-gradient(155deg, #0d1f3d 0%, var(--azul) 60%, #1b3a6b 100%);
  color: #fff;
}

body.local .section--ink .eyebrow { color: #9dc0ea; }
body.local .section--fog { background: var(--azul-fog); }

/* --- componentes --- */
body.local .hero__pills span { background: var(--azul-4); color: var(--azul); }
body.local .h-spec span:hover { border-color: var(--azul-3); background: var(--azul-4); color: var(--azul); }

body.local .card-svc__ico { background: var(--azul-4); color: var(--azul); }
body.local .card-svc::before { background: linear-gradient(90deg, var(--azul), var(--azul-3)); }
body.local .card-svc__n { color: var(--azul-2); }

body.local .vs__title--yes { background: linear-gradient(125deg, var(--azul), var(--azul-2)); }

body.local .vs__cell--yes {
  background: linear-gradient(125deg, var(--azul) 0%, var(--azul-2) 100%);
  color: rgba(255, 255, 255, 0.92);
}

body.local .vs__cell--yes i { background: rgba(255, 255, 255, 0.18); color: #a9e8c9; }
body.local .vs__row:hover .vs__cell--yes { box-shadow: 0 16px 34px -18px rgba(22, 48, 92, 0.7); }

body.local .step::before { background: var(--azul); }
body.local .step__n { color: var(--azul-2); }

body.local .pillar__i { color: var(--azul); border-bottom-color: var(--azul-linha); }

body.local .faq__q:hover { color: var(--azul-2); }
body.local .faq__q[aria-expanded="true"] .faq__icon { background: var(--azul); border-color: var(--azul); }
body.local .faq__q[aria-expanded="true"] .faq__icon::before { background: #fff; }

body.local .stat__n { color: #fff; }

body.local .serp__row[data-us="true"] {
  background: var(--azul-4);
  box-shadow: inset 3px 0 0 var(--azul);
}

body.local .serp__badge { background: var(--azul); }
body.local .panel { box-shadow: 0 26px 60px -34px rgba(22, 48, 92, 0.45); }

body.local .art-cta { background: var(--azul-fog); border-color: var(--azul-linha); }
/* mesmo cuidado do tema de saúde: o rodapé continua escuro, tingido de marinho */
body.local .footer {
  background: linear-gradient(160deg, #0d1f3d 0%, var(--azul) 100%);
  border-top-color: transparent;
  color: #fff;
}
body.local .footer h4 { color: #9dc0ea; }
body.local .footer__links a { color: rgba(255, 255, 255, 0.82); }
body.local .footer__links a:hover { color: #fff; }
body.local .footer__links span { color: rgba(255, 255, 255, 0.6); }
body.local .footer__bar { border-top-color: rgba(255, 255, 255, 0.16); color: rgba(255, 255, 255, 0.6); }
body.local .footer__bar a { color: rgba(255, 255, 255, 0.75); }


/* garantia de contraste: rodapé escuro, texto claro */
body.local .footer { color: #fff !important; }
body.local .footer h4,
body.local .footer__links a,
body.local .footer__links span,
body.local .footer__bar,
body.local .footer__bar a,
body.local .footer__word { color: rgba(255, 255, 255, 0.85); }
body.local .footer__word span { opacity: 0.6; }