/* Homepage and global visual refinements — v65 */

/* Champagne-gold brand family: one hue tuned by context for legibility */
:root{
  --gold:#B89256;
  --gold-text:#7D6038;
  --gold-on-dark:#E2C994;
}

/* Clean white canvas with controlled alternating sections */
body{background:#fff}
.section{background:#fff;padding:76px 0}
.section.alt{background:#f8fafc}
.section.dark{background:var(--navy)!important;color:#fff}
.section.dark h1,.section.dark h2,.section.dark h3{color:#fff}
.section.dark .lead,.section.dark p{color:#d8e0e9}
.section.dark .eyebrow{color:var(--gold-on-dark)}

/* Clear rhythm between large blocks without adding visual noise */
#servicos{background:#fff;border-bottom:1px solid #e4e9ef}
#como-funciona{background:#f8fafc;border-top:1px solid #e4e9ef;border-bottom:1px solid #e4e9ef}
.section-head{margin-bottom:34px}
.grid{gap:16px}
.card{padding:27px 28px;border-color:#d4dce5}

/* Bring the secondary-services cards closer to their heading. */
#servicos + .section.alt{padding-top:70px}
#servicos + .section.alt .section-head{margin-bottom:8px}

/* Harmonise section headings across all locales */
.section-head{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);
  align-items:start;
  column-gap:64px;
}
.section-head > p,
.section-head > .lead{
  margin:0;
  padding-top:1.3rem;
  max-width:540px;
  justify-self:start;
  align-self:start;
}

/* Slightly quieter labels: still distinctive, less visually dominant. */
.eyebrow,
.card .tag{
  color:#80643E!important;
  font-weight:700!important;
}
.hero .eyebrow,
.dark .eyebrow{color:var(--gold-on-dark)!important}

/* Hero feature icons */
.hero-point{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding-bottom:15px!important;
  margin-bottom:15px!important;
}
.hero-point:last-child{padding-bottom:0!important;margin-bottom:0!important}
.hero-point-icon{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(226,201,148,.38);
  color:#E7D09F;
}
.hero-point-icon .icon{width:18px;height:18px;stroke-width:1.65}
.hero-point-copy{min-width:0}

/* One champagne-gold family across labels, icons, rules and interactions */
.card:hover{border-color:#D9C39E}
.card:hover .icon-wrap{border-color:#CBB07D;background:#fff}
.guide-toc a,.source-list a,.official-link{ text-decoration-color:#CDB486!important }
.footer-legal a{ text-decoration-color:#D6C19B!important }
.service-page .content > ul,.service-main-copy > ul{border-left-color:rgba(184,146,86,.38)!important}
.service-hero-icon,.service-hero-icon-large,.service-hero-icon-mobile{border-color:#E3E8EE!important}
.hero::after{
  background:
    linear-gradient(90deg,transparent 49.5%,rgba(184,146,86,.16) 50%,transparent 50.5%),
    linear-gradient(0deg,transparent 49.5%,rgba(184,146,86,.12) 50%,transparent 50.5%)!important;
}

/* Primary CTA uses the same champagne gold, with navy text for contrast */
.hero .btn.primary,
.dark .btn.primary{
  background:#B89256!important;
  border-color:#B89256!important;
  color:#102B46!important;
}
.hero .btn.primary:hover,
.dark .btn.primary:hover{background:#A68049!important;border-color:#A68049!important}

/* Whole-card navigation: services, guides and any card with one clear destination */
.card.is-clickable-card{
  cursor:pointer;
  position:relative;
}
.card.is-clickable-card:focus-visible{
  outline:2px solid #B89256!important;
  outline-offset:3px!important;
}
.card.is-clickable-card:hover{
  transform:translateY(-2px)!important;
  border-color:#D2B98E!important;
  box-shadow:0 10px 24px rgba(23,48,76,.055)!important;
}
.card.is-clickable-card:hover .icon-wrap{transform:translateY(-1px)!important}
.card.is-clickable-card:hover .card-link::after,
.card.is-clickable-card:focus-visible .card-link::after{
  transform:scaleX(1)!important;
}
.card.is-clickable-card .card-link{position:relative;z-index:1}

/* Keep icon sizing and rhythm identical on every language homepage */
#servicos .service-card .icon-wrap,
.home-secondary-services .card .icon-wrap{
  width:48px;height:48px;
  display:grid;place-items:center;
}
#servicos .service-card .icon,
.home-secondary-services .card .icon{width:24px;height:24px}
#como-funciona .step-icon{width:24px;height:24px;color:var(--gold);margin:2px 0 13px}

/* Rendered header brand */
.brand-logo{gap:0!important;min-width:232px}
.brand-logo > img[data-google-ads-business-logo="true"]{
  width:44px!important;
  height:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  border-radius:0!important;
  object-fit:contain!important;
}
.brand-logo > span{
  position:relative;
  margin-left:9px!important;
  min-width:180px;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.brand-logo > span > span:first-child{
  font-size:23px!important;
  line-height:.94!important;
  font-weight:600!important;
  letter-spacing:.05em!important;
  color:#0f2c49!important;
}
/* A single short champagne hairline replaces the former two-tone progress-bar effect. */
.brand-logo > span > span:nth-child(2){
  width:28px!important;
  height:0!important;
  margin:5px 0 4px!important;
  border:0!important;
  border-top:1px solid rgba(184,146,86,.78)!important;
  position:relative;
}
.brand-logo > span > span:nth-child(2)::before,
.brand-logo > span > span:nth-child(2)::after{content:none!important;display:none!important}
.brand-logo > span > span:last-child{display:none!important}
.brand-logo > span::after{
  content:"TRADUÇÃO & REVISÃO  ·  DESDE 2015";
  font-family:Inter,Arial,sans-serif;
  font-size:7.3px;
  line-height:1;
  color:#7D6038;
  letter-spacing:.15em;
  font-weight:800;
  white-space:nowrap;
}
header.scrolled .brand-logo > img[data-google-ads-business-logo="true"]{width:41px!important;height:41px!important;flex-basis:41px!important}
header.scrolled .brand-logo > span > span:first-child{font-size:21.5px!important}

/* Static SVG fallback used before the worker rewrite */
.brand-logo > img:not([data-google-ads-business-logo="true"]){
  width:210px;
  max-height:56px;
  object-fit:contain;
  object-position:left center;
}

/* Floating WhatsApp: use the familiar WhatsApp green so its purpose is instant. */
.whatsapp{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:#25D366!important;
  border:1px solid #20BD5A!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(18,140,68,.22)!important;
}
.whatsapp::before{
  content:"";
  width:17px;
  height:17px;
  flex:0 0 17px;
  border:2px solid currentColor;
  border-radius:50%;
  box-sizing:border-box;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.08);
}
.whatsapp:hover{
  background:#20BD5A!important;
  border-color:#1EAD53!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 30px rgba(18,140,68,.28)!important;
}

@media(max-width:900px){
  .section{padding:68px 0}
  .section-head{grid-template-columns:1fr;row-gap:14px}
  .section-head > p,.section-head > .lead{padding-top:0;max-width:760px}
  #servicos + .section.alt{padding-top:62px}
  #servicos + .section.alt .section-head{margin-bottom:12px}
  .brand-logo{min-width:0}
  .brand-logo > img[data-google-ads-business-logo="true"]{width:41px!important;height:41px!important;flex-basis:41px!important}
  .brand-logo > span{min-width:160px;margin-left:8px!important}
  .brand-logo > span > span:first-child{font-size:20.5px!important}
  .brand-logo > span::after{font-size:6.5px;letter-spacing:.12em}
  .brand-logo > img:not([data-google-ads-business-logo="true"]){width:180px}
}
@media(max-width:620px){
  .section{padding:58px 0}
  .brand-logo > span{min-width:142px}
  .brand-logo > span > span:first-child{font-size:18px!important}
  .brand-logo > span::after{font-size:5.8px;letter-spacing:.09em}
  .brand-logo > img:not([data-google-ads-business-logo="true"]){width:158px}
  .whatsapp{padding:11px 14px!important}
  .whatsapp::before{width:16px;height:16px;flex-basis:16px}
}