@import url("https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@300;400;600&family=Besley:ital,wght@0,400;0,500;0,600;1,400&display=swap");
/* Óticas Prisma — Brandbook Edição 01/2026
   RC2R37 — alinhamento visual público sem alterar lógica de negócio. */
:root{
  --prisma-marinho:#13294B;
  --prisma-grafite:#2E3236;
  --prisma-cimento:#8C8A86;
  --prisma-cinza:#D9D6D1;
  --prisma-offwhite:#F4F2EE;
  --prisma-branco:#FFFFFF;
  --prisma-display:"Optician Sans",system-ui,sans-serif;
  --prisma-serif:"Besley",Georgia,"Times New Roman",serif;
  --prisma-body:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ink:var(--prisma-grafite)!important;
  --petrol:var(--prisma-marinho)!important;
  --petrol-dark:var(--prisma-marinho)!important;
  --navy:var(--prisma-marinho)!important;
  --blue:var(--prisma-marinho)!important;
  --paper:var(--prisma-offwhite)!important;
  --sand:var(--prisma-offwhite)!important;
  --mist:var(--prisma-cinza)!important;
  --sage:var(--prisma-cinza)!important;
  --white:var(--prisma-branco)!important;
  --v26-header-navy:var(--prisma-marinho)!important;
  --v26-header-navy-deep:var(--prisma-marinho)!important;
  --v26-orange:var(--prisma-branco)!important;
  --v26-nav-orange:var(--prisma-cinza)!important;
  --v26-nav-orange-soft:var(--prisma-cinza)!important;
  --v26-nav-blue:var(--prisma-marinho)!important;
  --v26-nav-blue-deep:var(--prisma-marinho)!important;
}
html,body{font-family:var(--prisma-body)!important;color:var(--prisma-grafite)!important;background:var(--prisma-offwhite)!important}
body,p,li,input,select,textarea,button,label,small,span{font-family:var(--prisma-body)}
h1,h2,.hero h1,.section-title,.hero-title{font-family:var(--prisma-serif)!important;font-weight:400!important;letter-spacing:-.018em!important;color:var(--prisma-marinho)!important}
h3,.eyebrow,.kicker,.label,.badge,.v26-utility-bar,.v26-main-nav,.v26-nav-trigger,.v26-nav-link,.v26-nav-cta{font-family:var(--prisma-body)!important}
.eyebrow,.kicker,.label,.badge,[class*="eyebrow"],[class*="kicker"]{text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:600!important;color:var(--prisma-marinho)!important}

/* Header oficial: logo branca solta sobre Marinho Prisma. */
.v26-utility-bar,.v26-site-header,.v26-main-nav{background:var(--prisma-marinho)!important;color:#fff!important}
.v26-utility-bar{border-bottom:1px solid rgba(255,255,255,.18)!important}
.v26-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:min(300px,29vw)!important;min-width:190px!important}
.v26-brand-disc{width:min(230px,22vw)!important;height:78px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.v26-brand-disc img{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;filter:none!important}
.v26-brand-copy{display:none!important}
.v26-header-tools{color:#fff!important}
.v26-site-search{border-color:rgba(255,255,255,.42)!important;background:#fff!important;box-shadow:none!important}
.v26-site-search input{background:#fff!important;color:var(--prisma-grafite)!important;font-family:var(--prisma-body)!important}
.v26-site-search button{background:var(--prisma-grafite)!important;color:#fff!important;border-left:1px solid #fff!important;font-family:var(--prisma-body)!important}
.v26-contact-chip,.v26-contact-chip small,.v26-contact-chip b,.v26-contact-chip em{color:#fff!important}
.v26-contact-icon,.v26-contact-chip.wa .v26-contact-icon,.v26-contact-chip.store-choice .v26-contact-icon{border-color:rgba(255,255,255,.72)!important;color:#fff!important}
.v26-main-nav>a,.v26-nav-trigger{color:#fff!important;font-weight:400!important}
.v26-main-nav>a:hover,.v26-nav-trigger:hover,.v26-nav-group:focus-within>.v26-nav-trigger,.v26-nav-group.is-hover-open>.v26-nav-trigger,.v26-main-nav a[aria-current="page"],.v26-nav-group[data-current="true"]>.v26-nav-trigger{color:#fff!important;box-shadow:inset 0 -2px 0 #fff!important}
.v26-nav-cta,.v26-utility-club{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:0!important;box-shadow:none!important}
.v26-nav-cta:hover,.v26-utility-club:hover{background:#fff!important;color:var(--prisma-marinho)!important}
.v26-submenu{background:#fff!important;border-color:var(--prisma-cinza)!important}
.v26-submenu a{color:var(--prisma-grafite)!important;background:#fff!important;border-color:transparent!important}
.v26-submenu a:hover,.v26-submenu a:focus-visible,.v26-submenu a[aria-current="page"]{background:var(--prisma-offwhite)!important;color:var(--prisma-marinho)!important;border-color:var(--prisma-cinza)!important;box-shadow:inset 3px 0 0 var(--prisma-marinho)!important}
.v26-menu-icon,.v26-submenu a:hover .v26-menu-icon{color:var(--prisma-marinho)!important;background:transparent!important;border-color:var(--prisma-cinza)!important}
.v26-menu-icon .v26-icon-accent{stroke:var(--prisma-marinho)!important}
.v26-submenu a::after,.v26-submenu a:hover::after{color:var(--prisma-cimento)!important}
.v26-menu-toggle{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:none!important}
.v26-menu-toggle span{background:#fff!important}

/* Paleta do conteúdo: marinho domina, branco/off-white respiram, neutros sustentam. */
main,section{border-color:var(--prisma-cinza)}
button,.button,.btn,.cta,.primary,.proposal-button,.header-cta{font-family:var(--prisma-body)!important}
button:not(.secondary):not(.ghost),.button:not(.secondary):not(.ghost),.btn:not(.secondary):not(.ghost),.cta:not(.secondary):not(.ghost),.primary,.proposal-button{background:var(--prisma-marinho)!important;color:#fff!important;border-color:var(--prisma-marinho)!important;box-shadow:none!important}
button.secondary,.button.secondary,.btn.secondary,.ghost{background:#fff!important;color:var(--prisma-marinho)!important;border-color:var(--prisma-cinza)!important}
a{accent-color:var(--prisma-marinho)}
hr,[class*="divider"],[class*="rule"]{border-color:var(--prisma-cinza)!important}

/* Hero e blocos em marinho: texto leve, como no manual. */
.hero[style*="background"],.dark,.dark-section,[class*="dark"]{color:#fff}
.hero h1,.hero h2{font-family:var(--prisma-serif)!important}
.hero p,.dark p,.dark-section p{font-weight:300;line-height:1.7}

/* Clube: nenhum laranja; cartão usa ativo conforme brandbook. */
.clube-home-card img,.club-card img,picture img[src*="cartao-clube-prisma"]{border-radius:18px!important;box-shadow:0 18px 40px rgba(19,41,75,.16)!important}

/* Rodapé */
footer,.site-footer{background:var(--prisma-marinho)!important;color:#fff!important}
footer a,.site-footer a{color:#fff!important}
footer p,.site-footer p,.footer-bottom{color:rgba(255,255,255,.72)!important}
.footer-links a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}

/* Remover visual de acento laranja legado sem tocar lógica. */
[style*="#ff6a00"],[style*="#FF6A00"],[style*="#c96b44"],[style*="#C96B44"]{color:var(--prisma-marinho)!important;border-color:var(--prisma-cinza)!important}

@media(max-width:1100px){
  .v26-brand{width:min(230px,62vw)!important}
  .v26-brand-disc{width:min(215px,58vw)!important;height:64px!important}
  .v26-main-nav{background:var(--prisma-marinho)!important}
  .v26-main-nav>.v26-nav-link,.v26-nav-trigger,.v26-nav-cta{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
  .v26-submenu{background:#fff!important}
  .v26-submenu a{color:var(--prisma-grafite)!important}
}

/* Área do cliente / Clube: mesma marca, sem círculo ou caixa na logo. */
.topbar{background:var(--prisma-marinho)!important;border-bottom:1px solid rgba(255,255,255,.16)!important;color:#fff!important}
.topbar .brand{display:flex!important;align-items:center!important;gap:18px!important;text-decoration:none!important}
.topbar .brand img{width:150px!important;height:auto!important;max-height:62px!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.topbar .brand .club-label{font-family:var(--prisma-display)!important;letter-spacing:.20em!important;font-size:12px!important;color:#fff!important;white-space:nowrap!important}
.topbar nav a{color:#fff!important}
.topbar nav .cta{background:transparent!important;border:1px solid rgba(255,255,255,.5)!important;color:#fff!important}
.topbar nav .cta:hover{background:#fff!important;color:var(--prisma-marinho)!important}

/* Gamificação segue nomenclatura Prisma, sem Prime/Premium. */
.game-level,.game-badge,.level-label{font-family:var(--prisma-display)!important;letter-spacing:.12em!important}


/* RC2R37R2R2 — contraste de hero + logo correta em rodapé */
/* O logo oficial é branco/transparente; no rodapé marinho deve ficar solto,
   sem disco branco que apague a marca. */
footer .footer-logo,
.site-footer .footer-logo,
.unit-footer .footer-logo,
footer .brand-logo-footer,
.site-footer .brand-logo-footer,
.unit-footer .brand-logo-footer{
  width:min(220px,72vw)!important;
  max-width:220px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Títulos editoriais continuam Besley, mas em heroes escuros precisam de
   contraste branco; o brandbook global não deve sobrescrever isso. */
.unit-hero h1,
.partner-hero h1{
  color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.12)!important;
}
.unit-hero .breadcrumbs,
.unit-hero .eyebrow,
.partner-hero .breadcrumbs,
.partner-hero .eyebrow{
  color:rgba(255,255,255,.82)!important;
}
.unit-hero-copy,
.partner-hero>p:nth-of-type(3){
  color:rgba(255,255,255,.88)!important;
}