/* ═══════════════════════════════════════════════════════════════════════
   PÁGINAS INTERNAS NO PADRÃO DA PÁGINA INICIAL (nov/2026)
   Carregado por último em /sobre, /blefaroplastia, /oculoplastica,
   /oculoplastica/ptosepalpebral, /proteseocular, /blog e artigos.
   Capa azul, barra escura, seções creme e azuis com degradê, botões
   dourados em pílula, logo dourado e rodapé azul. Só a fonte Inter.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  --e-noite: #050b18;
  --e-texto: #f5ecda;
  --e-suave: #c3cbd9;
  --e-ouro: #d4aa7d;
  --e-fio: rgba(212, 170, 125, .24);
  --e-creme-a: linear-gradient(180deg, #faf6ef 0%, #f5ede0 100%);
  --e-creme-b: linear-gradient(160deg, #faf6ef 35%, #f1e5d1 100%);
  --e-creme-c: linear-gradient(180deg, #f5ede0 0%, #faf6ef 100%);
  --e-azul-a: radial-gradient(75% 55% at 50% 0%, rgba(37, 99, 192, .38), transparent 70%), linear-gradient(180deg, #0d2149 0%, #09193a 55%, #081328 100%);
  --e-azul-b: radial-gradient(70% 90% at 15% 20%, #163574, #09193a 70%);
  --e-azul-c: linear-gradient(180deg, #081328 0%, #10295f 100%);
}
body { background: #faf6ef; font-family: "Inter", system-ui, sans-serif; }

/* ── BARRA SUPERIOR escura, de ponta a ponta, como na página inicial ── */
nav#nav, nav#nav.scrolled, nav#nav.menu-open {
  top: 0; left: 0; right: 0; transform: none; width: 100%; height: 72px;
  padding: 0 clamp(1.25rem, 4vw, 3.5rem); border: 0; border-radius: 0;
  background: rgba(8, 12, 22, .92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  box-shadow: none; }
nav#nav::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(212, 170, 125, .28); }
.nav-logo img { height: 34px; width: auto; }
.nav-links a { font-size: .86rem; font-weight: 500; letter-spacing: 0; text-transform: none; color: #ebe1d2; }
.nav-links a:hover, .nav-links a.active, .nav-links a[aria-current="page"] { color: #e8c99a; }
.nav-cta { font-size: .76rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #fff;
  background: linear-gradient(120deg, #8b6635, #c4975a); border-radius: 999px; padding: .8rem 1.4rem;
  box-shadow: 0 10px 28px rgba(139, 102, 53, .3); transition: transform .3s, box-shadow .3s; }
.nav-cta:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 34px rgba(139, 102, 53, .42); }
.burger span { background: var(--e-texto); }
.mob-nav { background: var(--e-noite); }
.mob-nav a { color: var(--e-texto); border-bottom-color: var(--e-fio); }
.mob-nav a.active, .mob-nav a[aria-current="page"] { color: #e8c99a; }
.mob-nav .nav-cta { color: #fff; border-bottom: 0; }
@media (max-width: 980px) {
  nav#nav, nav#nav.scrolled, nav#nav.menu-open { height: 64px; top: 0; width: 100%; border-radius: 0; padding: 0 1.25rem; }
  .nav-logo img { height: 28px; }
}

/* ── BOTÕES dourados em pílula ── */
.lp-btn.primary, .hero-v2-btn.primario, .btn-cta, .note-cta .cta, .rodape-btn {
  background: linear-gradient(120deg, #8b6635, #c4975a); color: #fff; border: 0; border-radius: 999px;
  text-transform: uppercase; letter-spacing: .1em; font-weight: 600; box-shadow: 0 12px 30px rgba(139, 102, 53, .32); }
.lp-btn.primary:hover, .btn-cta:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 16px 36px rgba(139, 102, 53, .42); }

/* ── CAPA azul, com a mesma luz da capa da página inicial ── */
.lp-hero, .blog-page-hero {
  background:
    radial-gradient(52vmax 46vmax at 72% 30%, rgba(52, 92, 158, .62), rgba(24, 50, 98, .34) 45%, transparent 72%),
    var(--e-noite);
  color: var(--e-texto); border-bottom: 0; }
.lp-hero { padding-top: calc(72px + clamp(2.5rem, 7vh, 5rem)); }
.lp-hero-kicker { color: var(--e-ouro); }
.lp-hero h1, .blog-page-hero h1 { color: var(--e-texto); }
.lp-hero h1 em { color: var(--e-ouro); }
.lp-hero p.lead, .lp-hero .lead, .lp-hero-sub, .blog-page-hero p { color: #ddcfbd; }
.lp-hero a:not(.lp-btn) { color: #e8c99a; }
.lp-hero .lp-btn.ghost { border-color: rgba(212, 170, 125, .6); color: var(--e-texto); background: transparent; }
.lp-hero .lp-btn.ghost:hover { background: rgba(212, 170, 125, .14); border-color: #e8c99a; color: #fff; }
.lp-hero-photo img { box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .6); }
/* ficha técnica do topo, em versão escura */
.lp-hero .ficha.ficha-tabela { background: rgba(255, 255, 255, .04); border-color: var(--e-fio); border-top: 2px solid #c4975a; box-shadow: none; }
.lp-hero .ficha.ficha-tabela div { background: transparent; border-bottom-color: var(--e-fio); }
.lp-hero .ficha.ficha-tabela div:nth-child(odd) { background: rgba(255, 255, 255, .04); }
.lp-hero .ficha.ficha-tabela dt { color: var(--e-texto); }
.lp-hero .ficha.ficha-tabela dd { color: var(--e-suave); }
/* /sobre: arco azul atrás do retrato, um tom mais claro que a capa */
.lp-arco .arco-fundo { background:
  radial-gradient(58% 34% at 50% 16%, rgba(232, 201, 154, .28), transparent 70%),
  radial-gradient(120% 70% at 50% 10%, #2a5299 0%, #163574 45%, #0d2149 75%); }
@media (max-width: 900px) { .lp-hero { padding-top: calc(64px + 2.4rem); } .lp-hero.retrato { padding-top: 64px; } }

/* ── SUMÁRIO: faixa azul logo abaixo da capa ── */
.sumario { background: #081328; border-top: 1px solid var(--e-fio); border-bottom: 1px solid rgba(196, 151, 90, .6); }

/* ── SEÇÕES CREME com degradê (texto azul-marinho) ── */
.define { background: var(--e-creme-a); }
.sinais:not(.laser-det), .recup, .sobre { background: var(--e-creme-b); }
.jornada, .laser-det { background: var(--e-creme-c); }
.cta-meio { background: linear-gradient(120deg, #faf6ef, #f1e5d1); }

/* ── SEÇÕES AZUIS com degradê ── */
.compare { background: var(--e-azul-a); }
.blef { background: var(--e-azul-b); }
.compare .sec-label, .blef .sec-label { color: var(--e-ouro); }
.compare h2, .blef h2, .blef .blef-pt-title { color: var(--e-texto); }
.compare .sec-p, .compare-intro, .blef .sec-p, .blef .blef-pt-text { color: var(--e-suave); }

/* Perguntas frequentes em azul, como na página inicial */
.faq { background: var(--e-azul-c); color: var(--e-texto); }
.faq .sec-label { color: var(--e-ouro); }
.faq h2 { color: var(--e-texto); }
.faq .sec-p, .faq .faq-grid > div > p { color: var(--e-suave); }
.faq .faq-grid a:not(.lp-btn) { color: #e8c99a; }
.faq .faq-item { background: rgba(255, 255, 255, .04); border-color: var(--e-fio); }
.faq .faq-item.open { border-color: #c4975a; box-shadow: none; }
.faq .faq-btn { color: var(--e-texto); }
.faq .faq-icon { border-color: rgba(212, 170, 125, .45); }
.faq .faq-icon svg { stroke: #e8c99a; }
.faq .faq-item.open .faq-icon { background: #c4975a; border-color: #c4975a; }
.faq .faq-item.open .faq-icon svg { stroke: #fff; }
.faq .faq-ans { color: #d4dbe7; }
.faq .faq-ans a { color: #e8c99a; }

/* Fecho (contato) em azul mais vivo, sem a textura listrada */
.contato.fecho { background: radial-gradient(80% 120% at 50% 0%, #1f4a9a, #143375 55%, #10295f); }
.fecho-frase em { color: var(--e-ouro); }

/* ── RODAPÉ ── */
footer.rodape { background: linear-gradient(180deg, #09193a, var(--e-noite)); border-top: 1px solid rgba(196, 151, 90, .5); }
.rodape-logo img { filter: none; opacity: 1; }
.rodape-col h2 { color: var(--e-ouro) !important; }

/* ── BLOG ── */
.blog-page-list { background: var(--e-creme-b); }

/* ── ARTIGO: faixa azul no alto, com o cartão do texto por cima ── */
body:has(main.page) { background:
  radial-gradient(60vmax 30rem at 70% 0%, rgba(52, 92, 158, .55), transparent 70%) top / 100% 30rem no-repeat,
  linear-gradient(180deg, var(--e-noite) 0, #0d2149 26rem, #faf6ef 26rem, #f1e5d1 100%); }
.note-cta { background: var(--e-azul-b); }