/* Decorative animations — specialty marquee (hero + method section) and floating metallic objects */
.hero-brands-track-exp {
  width: max-content;
  animation: hero-brands-scroll-exp 28s linear infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
}
.hero-brands-exp:hover .hero-brands-track-exp { animation-play-state: paused; }
@keyframes hero-brands-scroll-exp {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-brands-track-exp { animation: none; }
}

@keyframes metalic-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-18px); }
}
.metalic-float {
  animation-name: metalic-float;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .metalic-float { animation: none; }
}

/* --- Utilitários adicionais (introduzidos no rebrand OCEAN; não presentes no build Tailwind compilado) --- */
.text-\[0\.84em\]{font-size:.84em}
.text-\[clamp\(2\.1rem\,5vw\,4rem\)\]{font-size:clamp(2.1rem,5vw,4rem)}
.text-\[clamp\(2\.2rem\,5\.6vw\,4\.8rem\)\]{font-size:clamp(2.2rem,5.6vw,4.8rem)}
.text-\[clamp\(2\.4rem\,7vw\,6rem\)\]{font-size:clamp(2.4rem,7vw,6rem)}
.text-\[clamp\(2\.6rem\,9vw\,6rem\)\]{font-size:clamp(2.6rem,9vw,6rem)}
.leading-\[1\.0\]{line-height:1}
.tracking-\[-0\.032em\]{letter-spacing:-.032em}
.max-h-\[52\%\]{max-height:52%}
.max-h-\[55\%\]{max-height:55%}
.pr-6{padding-right:1.5rem}
.text-white\/38{color:#ffffff61}
.text-white\/82{color:#ffffffd1}
.border-white\/12{border-color:#ffffff1f}
.drop-shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.5\)\]{filter:drop-shadow(0 24px 60px #00000080)}
.bg-\[hsl\(195_65\%_48\%\)\]\/15{background-color:hsl(195 65% 48% / .15)}
.border-\[hsl\(195_70\%_62\%\)\]\/40{border-color:hsl(195 70% 62% / .4)}
.via-white\/12{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #ffffff1f var(--tw-gradient-via-position), var(--tw-gradient-to)}
@media (min-width:640px){.sm\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}}
@media (min-width:640px){.sm\:text-\[56px\]{font-size:56px}}
@media (min-width:768px){.md\:gap-7{gap:1.75rem}.md\:pr-7{padding-right:1.75rem}.md\:pr-8{padding-right:2rem}}

/* Foco visível p/ navegação por teclado (acessibilidade) */
:focus-visible{outline:2px solid hsl(195 60% 60%);outline-offset:2px;border-radius:6px}

/* Utilitários da página A clínica */
.text-\[28px\]{font-size:28px}
@media (min-width:640px){.sm\:text-\[42px\]{font-size:42px}}

/* Utilitários da página Linhas de cuidado */
.mt-auto{margin-top:auto}

/* Utilitários do seletor de idioma (dropdown no menu) */
.w-px{width:1px}
.w-max{width:max-content}
.whitespace-nowrap{white-space:nowrap}
.top-full{top:100%}
.opacity-60{opacity:.6}
.z-\[70\]{z-index:70}
.min-w-\[170px\]{min-width:170px}
