/* EnlevaAgro — hero dos sócios, animações e hovers.
   Tudo que se move fica dentro de prefers-reduced-motion: no-preference.
   Sem JavaScript (ou com movimento reduzido) o conteúdo aparece parado e completo. */

/* ===== Hero: os três sócios numa composição ===== */
.ea-hero:has(.hero-team) { padding-bottom: 0; }
.ea-hero:has(.hero-team) .ea-hero__grid { align-items: end; }
.ea-hero:has(.hero-team) .ea-hero__copy { padding-bottom: var(--space-8); }
@media (min-width: 1024px) { .ea-hero:has(.hero-team) .ea-hero__grid { grid-template-columns: 1fr 1.1fr; } .ea-hero:has(.hero-team) .ea-hero__copy { padding-bottom: var(--space-10); align-self: center; padding-top: var(--space-6); } }

.hero-team { position: relative; margin: 0; height: 380px; isolation: isolate; }
@media (min-width: 640px) { .hero-team { height: 460px; } }
@media (min-width: 1024px) { .hero-team { height: 560px; margin-right: calc(-1 * var(--space-6)); } }
.hero-team__arc { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; overflow: visible; }
.hero-team__arc path { fill: none; stroke: var(--accent); stroke-width: 12; stroke-linecap: round; opacity: .9; }
.hero-team__p { position: absolute; bottom: 0; width: auto; max-width: none; display: block; user-select: none; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%); mask-image: linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%); }
.hero-team__p--left { left: -6%; height: 74%; z-index: 1; }
.hero-team__p--right { right: -6%; height: 76%; z-index: 1; }
.hero-team__p--center { left: 50%; height: 92%; z-index: 2; transform: translateX(-50%); }
/* chão: as fotos se fundem com o fundo azul-marinho na base */
.hero-team::after { content: ""; position: absolute; left: -2px; right: -2px; bottom: 0; height: 22%; z-index: 3; background: linear-gradient(to bottom, rgba(19, 32, 58, 0), var(--surface)); pointer-events: none; }
.hero-team__caption { position: absolute; left: 0; right: 0; bottom: var(--space-3); z-index: 4; text-align: center; font-size: 13px; line-height: 18px; color: var(--ink-muted); }
@media (max-width: 479px) { .hero-team__p--left { left: -14%; } .hero-team__p--right { right: -14%; } }

/* ===== Cabeçalho ao rolar ===== */
.ea-header { transition: box-shadow .25s ease, background-color .25s ease; }
.ea-header.is-scrolled { box-shadow: var(--shadow-float); }
.ea-logo img { transition: height .25s ease; }
@media (min-width: 1024px) { .ea-header.is-scrolled .ea-logo img { height: 38px; } }

/* ===== Hovers (respondem à ação da pessoa) ===== */
@media (prefers-reduced-motion: no-preference) {
  .ea-btn { transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; }
  .ea-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(19, 32, 58, .22); }
  .ea-btn--primary:active, .ea-btn--secondary:active { transform: translateY(0); box-shadow: none; }

  /* menu: sublinhado dourado que cresce da esquerda */
  .ea-nav > li > a, .nav-trigger { border-bottom-color: transparent !important; background: linear-gradient(var(--accent), var(--accent)) left bottom / 0 2px no-repeat; transition: background-size .25s ease; }
  .ea-nav > li > a:hover, .ea-nav > li > a[aria-current="page"], .nav-trigger:hover, .nav-trigger[aria-current="page"] { background-size: 100% 2px; }
  .ea-submenu a { transition: background-color .15s ease, padding-left .2s ease; }
  .ea-submenu a:hover { padding-left: calc(var(--space-4) + 4px); }

  /* cards de produto: sobem um degrau */
  .ea-product { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
  .ea-product:hover { transform: translateY(-6px); box-shadow: var(--shadow-card); border-color: var(--accent); }

  /* seletor de momento: a seta anda */
  .ea-moment__arrow { transition: transform .2s ease; }
  .ea-moment:hover .ea-moment__arrow { transform: translateX(4px); }

  /* pilares do método */
  .ea-method__step { transition: border-color .25s ease, transform .25s ease; }
  .ea-method__letter { transition: transform .3s ease; }
  .ea-method__step:hover { border-color: var(--accent); transform: translateY(-4px); }
  .ea-method__step:hover .ea-method__letter { transform: translateY(-4px); }

  /* sócios */
  .portrait img { transition: transform .4s ease; transform-origin: 50% 100%; }
  .team__card:hover .portrait img, .ea-profile:hover .portrait img { transform: translateX(-50%) scale(1.04); }
  .team__card .portrait { transition: border-color .25s ease; }
  .team__card:hover .portrait { border-color: var(--accent); }
  .hero-team__p { transition: translate .35s ease, filter .35s ease; }
  .hero-team:hover .hero-team__p { filter: brightness(.82); }
  .hero-team .hero-team__p:hover { filter: none; }
  .hero-team .hero-team__p:hover { translate: 0 -6px; }

  /* cards de informação, parceiros, artigos */
  .info-card, .partner, .ea-newsletter, .schedule-box { transition: border-color .25s ease, box-shadow .25s ease; }
  .info-card:hover, .partner:hover { border-color: var(--line-strong); box-shadow: var(--shadow-card); }
  .ea-article__img { transition: border-color .25s ease, background-color .25s ease; }
  .ea-article:hover .ea-article__img { border-color: var(--accent); }

  /* listas com losango */
  .why-list .mark, .ea-list li::before { transition: transform .3s ease; }
  .why-list li:hover .mark { transform: rotate(135deg); }

  /* FAQ: a resposta aparece ao abrir */
  .ea-faq summary { transition: color .15s ease; }
  .ea-faq summary:hover { color: var(--accent-ink); }
  .ea-faq summary::after { transition: background-color .2s ease, color .2s ease, transform .25s ease; }
  .ea-faq details[open] summary::after { transform: rotate(180deg); }
  .ea-faq details[open] p { animation: ea-fade-in .35s ease both; }

  /* rodapé: sublinhado que cresce */
  .ea .ea-footer ul a { background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat; transition: background-size .25s ease, color .15s ease; }
  .ea .ea-footer ul a:hover { text-decoration: none; background-size: 100% 1px; }

  /* WhatsApp: um aviso discreto alguns segundos após abrir */
  .ea-whatsapp { transition: transform .2s ease; }
  .ea-whatsapp:hover { transform: scale(1.05); }
  .ea-whatsapp::before { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 0 0 var(--whatsapp); animation: ea-ping 1.6s ease-out 4s 2; pointer-events: none; }
}

/* ===== Abertura da página (um momento orquestrado) ===== */
@media (prefers-reduced-motion: no-preference) {
  [data-hero-copy] > *, .page-hero__copy > *, .ea-hero .page-hero__copy > *, .ea-hero .method-head > * { animation: ea-rise .7s cubic-bezier(.2, .7, .2, 1) both; }
  [data-hero-copy] > :nth-child(2), .page-hero__copy > :nth-child(2), .ea-hero .method-head > :nth-child(2) { animation-delay: .08s; }
  [data-hero-copy] > :nth-child(3), .page-hero__copy > :nth-child(3) { animation-delay: .16s; }
  [data-hero-copy] > :nth-child(4), .page-hero__copy > :nth-child(4) { animation-delay: .24s; }
  [data-hero-copy] > :nth-child(5), .page-hero__copy > :nth-child(5) { animation-delay: .32s; }

  .hero-team__arc path { stroke-dasharray: 760; stroke-dashoffset: 760; animation: ea-draw 1.4s cubic-bezier(.6, 0, .2, 1) .35s forwards; }
  .hero-team__p--left { animation: ea-rise-img .9s cubic-bezier(.2, .7, .2, 1) .15s both; }
  .hero-team__p--right { animation: ea-rise-img .9s cubic-bezier(.2, .7, .2, 1) .3s both; }
  .hero-team__p--center { animation: ea-rise-center 1s cubic-bezier(.2, .7, .2, 1) .45s both; }
  .hero-team__caption { animation: ea-fade-in .6s ease 1.2s both; }
}

/* ===== Revelação ao rolar (ativada pelo motion.js) ===== */
@media (prefers-reduced-motion: no-preference) {
  .motion-ready [data-reveal] { opacity: 0; translate: 0 18px; transition: opacity .6s ease var(--reveal-delay, 0s), translate .7s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay, 0s); }
  /* degraus: produtos e pilares sobem mais, um após o outro */
  .motion-ready [data-reveal="step"] { translate: 0 56px; }
  .motion-ready [data-reveal].is-in { opacity: 1; translate: none; }
}

@keyframes ea-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes ea-rise-img { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } }
@keyframes ea-rise-center { from { opacity: 0; transform: translateX(-50%) translateY(48px); } to { opacity: 1; transform: translateX(-50%); } }
@keyframes ea-draw { to { stroke-dashoffset: 0; } }
@keyframes ea-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ea-ping { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .55); } 100% { box-shadow: 0 0 0 18px rgba(37, 211, 102, 0); } }