/* Ajustes do Acelerador Comercial sobre o visual clonado (COMANDO 18).
   Só o que o CSS compilado não cobre: escala da headline longa, monograma provisório e logo. */

/* Headline obrigatória (~150 caracteres): escala menor que o H1 original, mesma fonte e peso */
.ac-h1 { font-size: 1.62rem; line-height: 1.16; max-width: 60rem; }
@media (min-width: 640px)  { .ac-h1 { font-size: 2.55rem; line-height: 1.1; } }
@media (min-width: 768px)  { .ac-h1 { font-size: 3rem; } }
@media (min-width: 1024px) { .ac-h1 { font-size: 3.55rem; line-height: 1.06; } }

/* "(e seu negócio inteiro)" em linha própria, menor e mais discreto, como na hierarquia do slide */
.ac-h1-parenteses { display: block; font-size: .56em; color: var(--color-gm-muted); letter-spacing: -.01em; margin: .3em 0 .25em; }

/* Monograma no lugar da foto até existir foto oficial sem marca d'água */
.ac-monograma {
  aspect-ratio: 4 / 5; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(ellipse at top, rgba(249, 101, 0, .14), transparent 62%), var(--color-gm-black-2);
}
@media (min-width: 768px) { .ac-monograma { aspect-ratio: 5 / 4; } }
.ac-monograma span {
  font-family: Montserrat, ui-sans-serif, system-ui, sans-serif; font-weight: 800;
  font-size: clamp(4rem, 12vw, 6rem); letter-spacing: -.03em; color: var(--color-gm-orange);
}

/* Logo horizontal do Acelerador: limita a largura no cabeçalho do celular */
.ac-logo { max-width: 46vw; }
@media (min-width: 640px) { .ac-logo { max-width: none; } }

/* Divisor curto entre as frases de apoio do hero */
.ac-divisor { width: 10rem; }

/* ===== V2 (COMANDO 19): diagrama dos quatro pilares em volta de "Sua empresa" ===== */
.ac-engrenagem { display: grid; gap: 1rem; grid-template-columns: 1fr; }
.ac-eng-centro { order: -1; justify-self: center; width: 9rem; height: 9rem; border-radius: 9999px;
  border: 1px solid rgba(249, 101, 0, .5); display: flex; align-items: center; justify-content: center; text-align: center;
  background: radial-gradient(circle, rgba(249, 101, 0, .16), transparent 70%), var(--color-gm-black-2);
  box-shadow: 0 0 0 10px rgba(249, 101, 0, .05); }
.ac-eng-centro span { font-family: Montserrat, ui-sans-serif, system-ui, sans-serif; font-weight: 800; color: #fff; font-size: 1.05rem; line-height: 1.15; padding: 0 1rem; }
@media (min-width: 768px) {
  .ac-engrenagem { grid-template-columns: 1fr 11rem 1fr; grid-template-rows: auto auto; gap: 1.25rem 1.5rem; align-items: center; }
  .ac-eng-a { grid-column: 1; grid-row: 1; } .ac-eng-b { grid-column: 3; grid-row: 1; }
  .ac-eng-c { grid-column: 1; grid-row: 2; } .ac-eng-d { grid-column: 3; grid-row: 2; }
  .ac-eng-centro { order: 0; grid-column: 2; grid-row: 1 / span 2; width: 11rem; height: 11rem; }
}

/* Foto oficial de Alexandre Serrão na seção "Quem conduz" (COMANDO 24): 4:5 no celular, quadrada a partir do tablet */
.ac-foto { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 18%; background: var(--color-gm-black-2); }
@media (min-width: 768px) { .ac-foto { aspect-ratio: 1 / 1; } }

/* Linha legal do rodapé (COMANDO 24D) */
@media (min-width: 768px) { .ac-rodape-legal { justify-content: space-between; } }
.ac-sublinhado { text-underline-offset: 2px; }

/* CTA flutuante do celular (COMANDO 25): o clone.js alterna .ac-flutuante-oculto pela visibilidade do CTA da hero */
.ac-flutuante { transition: opacity .3s ease, translate .3s ease, visibility 0s linear 0s; }
.ac-flutuante.ac-flutuante-oculto { opacity: 0; --tw-translate-y: calc(100% + 1rem); pointer-events: none; visibility: hidden;
  transition: opacity .3s ease, translate .3s ease, visibility 0s linear .3s; }
@media (prefers-reduced-motion: reduce) { .ac-flutuante, .ac-flutuante.ac-flutuante-oculto { transition: none; } }