/* Interações discretas: o conteúdo nunca depende de animação. */
@media(prefers-reduced-motion:no-preference){.btn,.text-link,.nav-list a,.nav-list summary{transition:color .18s ease,background-color .18s ease,border-color .18s ease}.service-card,.article-card{transition:border-color .18s ease}.service-card:hover,.article-card:hover{border-color:var(--cyan)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Apenas movimento. Nenhuma regra de tamanho, cor, fonte ou espaçamento. */
@keyframes bc-ornament-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@media(prefers-reduced-motion:no-preference){
  body.home-images-ready .hero-ornament img{animation:bc-ornament-float 4.8s ease-in-out 1}
  body.home-images-ready .hero:hover .hero-ornament img,
  body.home-images-ready .hero:focus-within .hero-ornament img{animation-play-state:paused}
  body.home-images-ready .editorial-image,
  body.home-images-ready .article-graphic img{transition:transform .45s ease}
  body.home-images-ready .service-card,
  body.home-images-ready .article-card{transition:border-color .18s ease,transform .3s ease}
  body.home-images-ready .btn{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .25s ease}
  body.home-images-ready .service-card:focus-within,
  body.home-images-ready .article-card:focus-within{transform:translateY(-3px)}
  body.home-images-ready .btn:focus-visible{transform:translateY(-2px)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.home-images-ready .feature-visual:hover .editorial-image{transform:translateY(-4px)}
  body.home-images-ready .article-card:hover .article-graphic img{transform:translateY(-2px)}
  body.home-images-ready .service-card:hover,
  body.home-images-ready .article-card:hover{transform:translateY(-3px)}
  body.home-images-ready .btn:hover{transform:translateY(-2px)}
}

/* Aurora e CTA: escopo exclusivo da hero. A imagem original permanece. */
@property --bc-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.hero .hero-aurora{position:absolute;inset:-18%;z-index:0;pointer-events:none;opacity:.2;background:radial-gradient(ellipse at 70% 28%,var(--cyan) 0%,transparent 43%),radial-gradient(ellipse at 88% 68%,var(--green-dark) 0%,transparent 39%),radial-gradient(ellipse at 49% 87%,var(--cyan-bright) 0%,transparent 38%);mask-image:linear-gradient(90deg,transparent 0%,transparent 42%,#000 68%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 42%,#000 68%)}
.hero .hero-copy{position:relative;z-index:2}
.hero .hero-actions>.btn-whatsapp{position:relative;isolation:isolate}
.hero .hero-actions>.btn-whatsapp::after{content:"";position:absolute;inset:-1px;padding:2px;border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from var(--bc-beam-angle),transparent 0deg 270deg,var(--cyan) 290deg,var(--white) 310deg,var(--cyan-bright) 330deg,transparent 350deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@keyframes bc-hero-aurora{0%,100%{transform:translate3d(0,0,0) scale(1)}35%{transform:translate3d(3%,-2%,0) scale(1.04)}70%{transform:translate3d(-2%,3%,0) scale(1.02)}}
@keyframes bc-hero-beam{from{--bc-beam-angle:0deg}to{--bc-beam-angle:720deg}}
@keyframes bc-hero-beam-interaction{from{--bc-beam-angle:0deg}to{--bc-beam-angle:720deg}}
@media(prefers-reduced-motion:no-preference){
  /* Um ciclo inferior a cinco segundos; nenhuma animação contínua obrigatória. */
  .hero .hero-aurora{animation:bc-hero-aurora 4.8s ease-in-out 1}
  .hero .hero-actions>.btn-whatsapp{transform:translate3d(var(--bc-magnetic-x,0px),var(--bc-magnetic-y,0px),0);transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease-out}
  .hero .hero-actions>.btn-whatsapp::after{opacity:.85;animation:bc-hero-beam 4.8s linear 1}
  .hero .hero-actions>.btn-whatsapp:focus-visible::after{animation-name:bc-hero-beam-interaction}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero .hero-actions>.btn-whatsapp:hover::after{animation-name:bc-hero-beam-interaction}}
@media(prefers-reduced-motion:reduce){.hero .hero-aurora,.hero .hero-actions>.btn-whatsapp::after{display:none}.hero .hero-actions>.btn-whatsapp{transform:none!important}}
@media(forced-colors:active){.hero .hero-aurora,.hero .hero-actions>.btn-whatsapp::after{display:none}}

/* Ações flutuantes da Home: controles independentes do conteúdo. */
.floating-actions{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}
.floating-actions .floating-control{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;min-width:48px;min-height:48px;border:2px solid var(--cyan);border-radius:50%;pointer-events:auto;box-shadow:0 6px 20px #001c2540}
.floating-actions .floating-control svg{width:26px;height:26px}
.floating-actions .floating-top,.floating-actions .floating-top:hover{color:var(--cyan-bright);background:var(--bg-deep)}
.floating-actions .floating-whatsapp,.floating-actions .floating-whatsapp:hover{color:var(--bg-deep);background:var(--green);border-color:var(--bg-deep)}
.floating-actions .floating-whatsapp svg{width:30px;height:30px}
.floating-actions .floating-control:focus-visible{outline:3px solid var(--cyan-bright);outline-offset:4px}
@media(max-width:760px){.floating-actions{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:10px}.floating-actions .floating-control{width:48px;height:48px}.floating-actions .floating-control svg{width:24px;height:24px}.floating-actions .floating-whatsapp svg{width:28px;height:28px}}
body:has(.nav.is-open) .floating-actions{visibility:hidden}
@media(forced-colors:active){.floating-actions .floating-control{color:LinkText;background:Canvas;border:2px solid LinkText;box-shadow:none}.floating-actions .floating-control:focus-visible{outline-color:Highlight}}

/* Somente os textos de apresentação da Home no celular. */
@media(max-width:760px){
  .hero-copy>.eyebrow,.hero-copy>h1,.hero-desc,.hero-caption,
  main .section-title,main .section-index,main .eyebrow,
  .section-heading>p,.split .section-lead,.contact-grid .section-lead,
  .faq-intro>p,.service-card>h3,.evidence-card>h3,.article-body>h3,
  .contact-card>h3,.contact-card>p,.visual-label,.visual-caption{text-align:center}
  .hero-desc,.section-heading>p,.split .section-lead,.contact-grid .section-lead,
  .faq-intro>p{margin-inline:auto}
}

/* Centralização dos CTAs somente no celular. */
@media(max-width:760px){
  .hero-actions{justify-content:center}
  .split>div>.btn{display:flex;width:fit-content;max-width:100%;margin-inline:auto}
}
