/* MartinsCode v33 — acabamento claro, organização e consistência responsiva */
:root{--refresh-ink:#171522;--refresh-copy:#625e6c;--refresh-line:#e4deec;--refresh-soft:#f3effa;--refresh-accent:#6f35dc;--refresh-blue:#246de8}

/* Evita blocos escuros inesperados nas páginas públicas. */
body:not(.portal-body){background:#f8f7fb!important;color:var(--refresh-ink)}
main:not(.studio-home),.catalog-page,.quick-contact-page,.plans-page,.sites-page{background:linear-gradient(145deg,#fbfaff 0%,#f7f4fb 58%,#f2eef8 100%)!important}

/* Home: os antigos painéis quase pretos passam a usar superfícies claras. */
.site-benefits-ad,.studio-method{
  border:1px solid var(--refresh-line)!important;
  background:linear-gradient(135deg,#f5f0ff 0%,#edf3ff 58%,#eefbf8 100%)!important;
  color:var(--refresh-ink)!important;
  box-shadow:0 28px 75px rgba(51,35,84,.10)!important;
}
.site-benefits-ad:before,.studio-method:after{border-color:rgba(111,53,220,.08)!important}
.benefits-ad-copy h2,.benefits-ad-list h3,.method-copy h2,.method-steps h3{color:var(--refresh-ink)!important}
.benefits-ad-copy h2 em{color:var(--refresh-accent)!important}
.benefits-ad-copy>p,.benefits-ad-list p,.method-copy p,.method-steps p{color:var(--refresh-copy)!important}
.benefits-ad-list article,.method-steps article{border-color:rgba(64,45,91,.13)!important}
.benefits-ad-list article>span,.method-steps span{color:var(--refresh-accent)!important}
.site-benefits-ad .studio-label.light,.studio-method .studio-label.light{color:var(--refresh-accent)!important}
.site-benefits-ad .studio-btn.white{background:linear-gradient(115deg,var(--refresh-accent),var(--refresh-blue))!important;color:#fff!important}

/* CTA final mantém destaque sem recorrer ao preto. */
.studio-final{background:linear-gradient(125deg,#7138e8 0%,#3659dd 65%,#247abf 100%)!important;box-shadow:0 30px 80px rgba(66,55,173,.18)}

/* Cabeçalho e cartões com contraste mais leve e coerente. */
@media(min-width:1121px){#header .header-contact{background:linear-gradient(115deg,#7138e8,#246de8)!important;box-shadow:0 13px 30px rgba(79,51,190,.22)!important}}
main:not(.studio-home) .plan.featured,.plans-page .plan-card.featured{background:linear-gradient(145deg,#6631cc,#385bd8)!important;border-color:transparent!important}

/* Ritmo visual uniforme nas páginas internas. */
.page-hero,.contact-intro,.sites-hero,.catalog-hero{border-bottom:1px solid rgba(82,62,109,.08)!important}
body:not(.portal-body)>main:not(.studio-home)>.content{max-width:1120px!important;padding-top:48px!important}
body:not(.portal-body)>main:not(.studio-home)>.content h2{margin-top:42px}
body:not(.portal-body)>main:not(.studio-home)>.content h2:first-child{margin-top:0}
.catalog-section,.plans-section,.contact-layout,.sites-showcase{align-items:stretch}
.catalog-card,.glass-card,.plan-card,.contact-sidebar,.contact-form{box-shadow:0 16px 45px rgba(45,29,76,.06)!important}

/* Corrige o seletor global `header`, que atingia cabeçalhos internos. */
.catalog-section-head{
  position:static!important;
  z-index:auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 34px!important;
  padding:0 0 26px!important;
  border:0!important;
  border-bottom:1px solid var(--refresh-line)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:var(--refresh-ink)!important;
}
.catalog-section-head h2{color:var(--refresh-ink)!important}
.catalog-section-head p{color:var(--refresh-copy)!important}

/* Página Sobre: título legível e conteúdo organizado em cartões. */
.about-page .page-hero{min-height:0!important;padding-top:82px!important;padding-bottom:70px!important}
.about-page .page-hero h1{display:block!important;width:100%!important;max-width:980px!important;margin-top:20px!important;white-space:normal!important;text-wrap:initial!important}
.about-page>.content{max-width:1280px!important}
.about-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px 0 30px}
.about-principles section{padding:28px;border:1px solid var(--refresh-line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(45,29,76,.05)}
.about-principles section h2{margin:0 0 10px!important;font-size:25px!important}
.about-principles section h2:before{margin-bottom:12px!important}
.about-principles section p{margin:0!important}

/* Foco visível e navegação mais acessível. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(36,109,232,.38)!important;outline-offset:3px}

@media(max-width:900px){
  .site-benefits-ad,.studio-method{gap:42px!important;padding:clamp(45px,8vw,70px)!important}
  .studio-method{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .site-benefits-ad,.studio-method{width:calc(100% - 24px)!important;margin-right:auto!important;margin-left:auto!important;padding:42px 22px!important;border-radius:24px!important}
  .studio-final{margin-right:12px!important;margin-left:12px!important;border-radius:24px!important}
  body:not(.portal-body)>main:not(.studio-home)>.content{padding:32px 18px 48px!important}
  .about-page .page-hero h1 br{display:none}
  .about-principles{grid-template-columns:1fr}
}