/* Página /ahr (Arquitetura Humana de Resultados, colabee + Yatahey) e bloco em Para empresas — 20/10/2026.
   Cabeçalho, rodapé e tipografia são os do site (styles.css). Aqui só a identidade do AHR na área de conteúdo:
   roxo #7606C0, verde #1B7F3A, azul-marinho #0B2148. Logo do AHR nunca sobre roxo ou verde puro. */
#site-root { --ahr-roxo: #7606C0; --ahr-roxo-escuro: #5F049B; --ahr-verde: #1B7F3A; --ahr-marinho: #0B2148; --ahr-lavanda: #EEECF7;
  /* tema navy (padrão do :root): tons claros para manter contraste sobre #1B3162 */
  --ahr-acc: #C99BF5; --ahr-acc2: #7FD69A; }
#site-root[data-theme="white"] { --ahr-acc: var(--ahr-roxo); --ahr-acc2: var(--ahr-verde); }

.ahr .eyebrow-accent::before { background: var(--ahr-acc); }
.ahr .ahr-hl { color: var(--ahr-acc); }

/* botão da chamada: roxo com texto branco (sobre fundo claro); no tema navy, lilás com texto marinho */
.btn-ahr { display: inline-flex; align-items: center; justify-content: center; background: var(--ahr-roxo); color: #fff; font-family: 'Gordita', sans-serif; font-weight: 700; font-size: 16px; padding: 16px 32px; border-radius: 10px; text-decoration: none; }
.btn-ahr:hover { background: var(--ahr-roxo-escuro); color: #fff; text-decoration: none; }
#site-root[data-theme="navy"] .btn-ahr { background: #C99BF5; color: var(--ahr-marinho); }
#site-root[data-theme="navy"] .btn-ahr:hover { background: #B57FEF; color: var(--ahr-marinho); }
#site-root[data-theme="navy"] .ahr-capa .btn-ahr { background: var(--ahr-roxo); color: #fff; }

/* áreas sempre claras (imagens do AHR têm fundo branco ou lavanda): no tema navy viram cartões claros */
.ahr-light { background: #fff; border-radius: 12px; }
#site-root[data-theme="navy"] .ahr-light { box-shadow: 0 0 0 1px rgba(255,255,255,0.25); }

/* hero: capa com a rede do AHR à direita */
.ahr-capa { position: relative; border-radius: 16px; background: var(--ahr-lavanda) url(ahr-capa.webp) right center / cover no-repeat; padding: 56px 56px 60px; min-height: 460px; display: flex; align-items: center; }
.ahr-capa .stack { max-width: 540px; }
.ahr-capa .eyebrow { color: rgba(11,33,72,0.78); }
.ahr-capa .eyebrow-accent::before { background: var(--ahr-roxo); }
.ahr-capa h1 { line-height: 0; }
.ahr-capa h1 img { width: 340px; max-width: 100%; height: auto; }
.ahr-capa .ahr-promessa { font-family: 'Renogare', sans-serif; font-size: 30px; line-height: 1.25; color: var(--ahr-marinho); }
.ahr-capa .body-l { color: rgba(11,33,72,0.82); }

/* sintomas: citações */
.ahr-quotes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 0; padding: 0; }
.ahr-quotes li { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--ahr-acc); border-radius: 10px; padding: 18px 20px; font-size: 17px; line-height: 1.45; color: var(--ink); text-align: left !important; }
.ahr-quotes li:nth-child(even) { border-left-color: var(--ahr-acc2); }
.ahr-tese { border-top: 3px solid var(--ahr-acc); padding-top: 24px; }

/* 7 dimensões */
.ahr-dim { margin: 0; padding: 12px; width: 100%; max-width: 560px; justify-self: center; }
.ahr-dim svg { display: block; width: 100%; height: auto; }
.ahr-dim .dim-label { font-family: 'Gordita', sans-serif; font-weight: 700; font-size: 40px; letter-spacing: 0.04em; text-transform: uppercase; fill: var(--ahr-marinho); }
.ahr-dim .dim-centro { font-family: 'Gordita', sans-serif; font-weight: 700; font-size: 33px; letter-spacing: 0.04em; text-transform: uppercase; fill: #fff; }
.ahr-dim-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.ahr-dim-list li { display: flex; gap: 14px; align-items: baseline; text-align: left !important; }
.ahr-dim-list .dot { width: 10px; height: 10px; border-radius: 50%; background: var(--ahr-acc); flex-shrink: 0; transform: translateY(-1px); }
.ahr-dim-list li:nth-child(even) .dot { background: var(--ahr-acc2); }
.ahr-dim-list strong { font-family: 'Gordita', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); display: block; margin-bottom: 2px; }
.ahr-dim-list span.txt { font-size: 16px; line-height: 1.5; color: var(--ink-muted); }

/* jornada em 4 etapas: a faixa da imagem e as colunas de texto têm o mesmo recuo lateral, para alinhar cada etapa ao seu círculo */
.ahr-jornada-img { padding: 12px 16px; }
.ahr-jornada-img img { display: block; width: 100%; height: auto; }
.ahr-steps { list-style: none; margin: 0; padding: 0 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.ahr-steps li { display: flex; flex-direction: column; gap: 8px; text-align: center; }
.ahr-steps .num { font-family: 'Gordita', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ahr-acc); }
.ahr-steps li:nth-child(2) .num { color: var(--ahr-acc2); }
.ahr-steps li:nth-child(3) .num { color: var(--ink); }
.ahr-steps h3 { font-size: 22px; color: var(--ink); }
.ahr-steps p, .ahr-steps li li { font-size: 15px; line-height: 1.5; color: var(--ink-muted); text-align: center !important; text-align-last: center !important; }
.ahr-steps ul { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ahr-steps ul strong { color: var(--ink); font-weight: 700; }

/* impacto */
.ahr-impacto { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; list-style: none; margin: 0; padding: 0; }
.ahr-impacto li { border-top: 3px solid var(--ahr-acc); padding-top: 16px; display: flex; flex-direction: column; gap: 8px; text-align: left !important; }
.ahr-impacto li:nth-child(even) { border-top-color: var(--ahr-acc2); }
.ahr-impacto h3 { font-size: 21px; color: var(--ink); }
.ahr-impacto p { font-size: 15px; line-height: 1.5; color: var(--ink-muted); }

/* para quem é */
.ahr-para { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; list-style: none; margin: 0; padding: 0; }
.ahr-para li { display: flex; flex-direction: column; gap: 12px; text-align: left !important; }
.ahr-para img { width: 72px; height: 72px; border-radius: 50%; background: #fff; }
.ahr-para h3 { font-size: 21px; color: var(--ink); }
.ahr-para p { font-size: 16px; line-height: 1.55; color: var(--ink-muted); }

/* quem conduz */
.ahr-time { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; list-style: none; margin: 0; padding: 0; }
.ahr-time li { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 6px; text-align: left !important; }
.ahr-time h3 { font-size: 22px; color: var(--ink); }
.ahr-time .anos { font-family: 'Gordita', sans-serif; font-weight: 700; font-size: 15px; color: var(--ahr-acc); }
.ahr-time li:nth-child(2) .anos { color: var(--ahr-acc2); }
.ahr-time .area-txt { font-size: 16px; color: var(--ink-muted); }
.ahr-time .casa { font-family: 'Gordita', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-faint); margin-top: 6px; }

/* bloco curto em Para empresas */
.ahr-link-card { display: grid; grid-template-columns: auto 1fr auto; gap: 16px 40px; align-items: center; padding: 28px 32px; border: 1px solid var(--border); border-left: 4px solid var(--ahr-acc); border-radius: 12px; background: var(--surface); color: var(--ink); }
.ahr-link-card:hover { text-decoration: none; border-color: var(--ahr-acc); }
.ahr-link-card .ahr-link-logo { height: 64px; width: auto; }
.ahr-link-card .eyebrow { margin-bottom: 6px; }
.ahr-link-card .body-m { color: var(--ink-muted); text-align: left !important; }
.ahr-link-card .ahr-link-cta { font-family: 'Gordita', sans-serif; font-weight: 700; font-size: 16px; color: var(--ink); white-space: nowrap; box-shadow: inset 0 -2px 0 var(--ahr-acc); padding-bottom: 2px; }

@media (max-width: 860px) {
  .ahr-capa { padding: 28px 20px 190px; min-height: 0; background-position: 75% 100%; background-size: 230% auto; }
  .ahr-capa h1 img { width: 240px; }
  .ahr-capa .ahr-promessa { font-size: 23px; }
  .ahr-quotes, .ahr-para, .ahr-time { grid-template-columns: 1fr; }
  .ahr-impacto { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ahr-dim { padding: 6px; }
  .ahr-jornada-img { padding: 8px; }
  .ahr-steps { grid-template-columns: 1fr; padding: 0; gap: 20px; }
  .ahr-steps li { text-align: left; }
  .ahr-steps p, .ahr-steps li li { text-align: left !important; text-align-last: left !important; }
  .ahr-link-card { grid-template-columns: 1fr; padding: 22px 20px; }
  .ahr-link-card .ahr-link-logo { height: 48px; }
}
@media (max-width: 520px) {
  .ahr-impacto { grid-template-columns: 1fr; }
  .btn-ahr { width: 100%; white-space: normal; text-align: center; }
}

/* ajustes de leitura: textos do hero alinhados à esquerda e fora da área da rede; itens do Diagnosticar em linha */
main .ahr-capa p { text-align: left !important; text-align-last: left !important; hyphens: manual; -webkit-hyphens: manual; }
.ahr-capa .stack { max-width: 470px; }
.ahr-steps li li { display: block; }
.ahr-capa { background-image: linear-gradient(90deg, rgba(238,236,247,0.97) 0%, rgba(238,236,247,0.92) 40%, rgba(238,236,247,0) 62%), url(ahr-capa.webp); }
.ahr p, .ahr li { hyphens: manual !important; -webkit-hyphens: manual !important; }
@media (max-width: 860px) {
  .ahr-capa { background-image: linear-gradient(180deg, rgba(238,236,247,0.97) 0%, rgba(238,236,247,0.9) 55%, rgba(238,236,247,0) 75%), url(ahr-capa.webp); }
}
.ahr-steps > li { text-align: center !important; text-align-last: center !important; }
@media (max-width: 860px) { .ahr-steps > li, .ahr-steps li li { text-align: left !important; text-align-last: left !important; } }

/* linha da parceria colabee + yatahey (22/10/2026) */
.ahr-parceria { padding: 28px 0 8px; }
.ahr-parceria .container { display: flex; flex-direction: column; align-items: center; gap: 12px; border-top: 1px solid var(--border); padding-top: 24px; }
main .ahr-parceria p { font-family: 'Gordita', sans-serif; font-size: 13px; letter-spacing: 0.04em; color: var(--ink-faint); text-align: center !important; text-align-last: center !important; }
.ahr-parceria-logos { display: flex; align-items: center; gap: 22px; }
.ahr-parceria-logos img { height: 26px; width: auto; }
.ahr-parceria-logos img.ahr-parceria-yat { height: 58px; }
.ahr-parceria-sep { width: 1px; height: 44px; background: var(--border); }