/* ProsPEC — páginas institucionais (Quem somos, O que fazemos) */
.page-hero{position:relative;background:radial-gradient(ellipse 70% 90% at 85% 0%,#123554 0%,rgba(18,53,84,0) 60%),var(--navy);color:#fff;padding:200px 0 96px;overflow:hidden}
.page-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(213,163,41,.5),transparent)}
.page-hero .section-kicker{color:var(--gold);letter-spacing:.2em;font-weight:800}
.page-hero h1{font-size:clamp(2.5rem,5.2vw,4.6rem);max-width:940px;margin:16px 0 24px}
.page-hero h1 em{font-style:normal;color:var(--gold)}
.page-hero p{color:#aebbc6;font-size:19px;line-height:1.6;max-width:720px;margin:0}
.page-meta{display:flex;gap:48px;margin-top:52px;flex-wrap:wrap}
.page-meta div{border-left:2px solid var(--gold);padding-left:16px}
.page-meta strong{display:block;font:800 30px/1.1 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#fff}
.page-meta span{color:#8796a5;font-size:13.5px}
.pg-section{padding:104px 0}
.pg-section.paper{background:var(--paper)}
.pg-section.dark{background:var(--navy);color:#fff}
.pg-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:46px}
.pg-head h2{margin:10px 0 0}
.pg-head p{color:var(--muted);font-size:17px;margin:0}
.pg-section.dark .pg-head p{color:#aebbc6}
.story-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:72px}
.story-aside{position:sticky;top:150px;align-self:start}
.story-year{font:800 88px/1 Manrope,Arial,sans-serif;color:var(--gold);letter-spacing:-.06em}
.story-aside small{display:block;color:var(--muted);font-size:14px;margin-top:8px;max-width:220px}
.story-body p{font-size:18px;color:#394754;max-width:720px;margin-bottom:22px}
.story-body p.lead{font:600 25px/1.45 Manrope,Arial,sans-serif;color:var(--ink);letter-spacing:-.025em}
.story-body blockquote{border-left:3px solid var(--gold);margin:40px 0 0;padding:4px 0 4px 26px;font:700 27px/1.3 Manrope,Arial,sans-serif;color:var(--ink);letter-spacing:-.03em;max-width:720px}
.story-body blockquote small{display:block;font:600 13px "DM Sans",Arial,sans-serif;letter-spacing:.14em;color:var(--gold);margin-top:14px;text-transform:uppercase}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card-grid.two{grid-template-columns:repeat(2,1fr)}
.pg-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;transition:border-color .25s,transform .25s}
.pg-card:hover{border-color:rgba(213,163,41,.6);transform:translateY(-3px)}
.pg-card svg{width:34px;height:34px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pg-card h3{font-size:24px;margin:18px 0 12px;letter-spacing:-.035em}
.pg-card p{color:var(--muted);margin:0;font-size:16px}
.pg-card ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.pg-card li{position:relative;padding-left:20px;color:#394754;font-size:15px}
.pg-card li:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:2px;background:var(--gold)}
.sectors{display:flex;flex-wrap:wrap;gap:10px}
.sectors span{border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-weight:600;background:#fff;color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #2a4358}
.step{padding:30px 24px 0 0}
.step b{display:block;font:800 15px Manrope,Arial,sans-serif;color:var(--gold);letter-spacing:.06em;margin-bottom:16px}
.step h3{font-size:21px;margin:0 0 10px;color:#fff;letter-spacing:-.03em}
.step p{color:#aebbc6;font-size:15px;margin:0}
.tech{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tech-list{display:grid;gap:14px}
.tech-list div{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.tech-list svg{width:26px;height:26px;flex:none;stroke:var(--gold);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.tech-list strong{display:block;font:700 17px Manrope,Arial,sans-serif;letter-spacing:-.02em}
.tech-list span{color:var(--muted);font-size:15px}
.cta2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cta2-card{border-radius:16px;padding:44px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.cta2-card h3{font-size:clamp(1.7rem,2.6vw,2.3rem);margin:0}
.cta2-card p{margin:0;font-size:16px}
.cta2-card.navy{background:var(--navy);color:#fff}.cta2-card.navy p{color:#aebbc6}
.cta2-card.gold{background:linear-gradient(135deg,#fbf3dd,#f3e2b2);color:var(--ink)}.cta2-card.gold p{color:#5d4d24}
.cta2-card .button{margin-top:6px}
.button-navy{background:var(--navy);color:#fff}.button-navy:hover{background:#0e2940}
.team-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:34px 38px;background:#fff}
.team-cta h3{font-size:26px;margin:0 0 6px;letter-spacing:-.035em}.team-cta p{margin:0;color:var(--muted)}
.home-about-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:980px){.steps{grid-template-columns:1fr 1fr;gap:0 24px}.card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.pg-head,.story-grid,.tech,.cta2,.card-grid.two{grid-template-columns:1fr}.story-aside{position:static}.story-grid{gap:28px}.story-year{font-size:64px}.pg-section{padding:76px 0}.page-hero{padding:160px 0 72px}}
@media(max-width:640px){.card-grid,.steps{grid-template-columns:1fr}.cta2-card{padding:30px}.team-cta{flex-direction:column;align-items:flex-start;padding:26px}.page-meta{gap:26px}.story-body p.lead{font-size:21px}}
@media(prefers-reduced-motion:reduce){.pg-card{transition:none}.pg-card:hover{transform:none}}
.home-about-links .button-outline-gold{background:transparent;color:#08121c;border:1px solid var(--gold);box-shadow:none}.home-about-links .button-outline-gold:hover{background:rgba(213,163,41,.1)}
.tech.with-fig{grid-template-columns:1.1fr .9fr;gap:52px}
.tech-fig{margin:0}
.tech-fig img{width:100%;height:auto;display:block}
.tech-fig figcaption{font-size:12.5px;color:var(--muted);text-align:center;margin-top:4px}
.tech-side h2{font-size:clamp(2rem,3.2vw,3rem)}
.tech-side .tech-list{margin-top:26px}
.tech-teaser-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.tech-teaser-in h2{font-size:clamp(2rem,3.4vw,3.2rem)}
.tech-teaser-in .large{margin-bottom:26px}
@media(max-width:900px){.tech.with-fig,.tech-teaser-in{grid-template-columns:1fr;gap:28px}}


/* =====================================================================
   ProsPEC — ajustes de legibilidade (versão 1, 20/10/2026)
   ===================================================================== */

/* 1. Títulos sem palavra órfã */
h1, h2, h3 { text-wrap: balance; }
.manifesto p, .cases-section p, .segments p, .prospec-faq p { text-wrap: pretty; }
h2 br { display: none; }
h2 br + em::before { content: " "; }

/* 2. Dourado legível nos fundos claros */
.manifesto h2 em, .buscas-section h2 em, .segments h2 em, .cases-section h2 em,
.pg-section.paper h2 em, .prospec-faq h2 em, .prospec-final-v328 h2 em,
.manifesto h2 span, .buscas-section h2 span, .segments h2 span, .cases-section h2 span,
.pg-section.paper h2 span, .prospec-faq h2 span, .prospec-final-v328 h2 span {
  color: #9C7012 !important;
}
.manifesto .section-kicker, .buscas-section .section-kicker, .segments .section-kicker,
.cases-section .section-kicker, .prospec-faq .section-kicker, .prospec-final-v328 .section-kicker {
  color: #85600D !important;
}

/* 3. Tamanhos mínimos de texto */
small, .section-kicker { font-size: 12px !important; }
.logo-copy small { font-size: 10px !important; }
footer a, footer p, footer small, footer h4 { font-size: 13px !important; }
.footer-bottom span, .legal-disclaimer span { font-size: 12px !important; }
#header #navLinks a { font-size: 13px !important; }
#inicio .hero-pillar-card p { font-size: 12px !important; }
.team-card .team-info p { font-size: 14px !important; }
.team-role, .team-creci, .case-number, .case-status,
.cases-section h4, .segments a, .busca-arte-zoom { font-size: 12px !important; }
.team-email { font-size: 13px !important; }

/* 4. Celular: áreas de toque de 44 px */
@media (max-width: 820px) {
  footer a, .segments a, .team-email {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .menu-toggle, .header-whatsapp-icon { min-width: 44px; min-height: 44px; }
  .hero-dot { position: relative; }
  .hero-dot::before {
    content: "";
    position: absolute;
    left: -4px; right: -4px; top: -20px; bottom: -20px;
  }
}