/*
 * Acabamento (09/11/2026): menu de vidro, botões com sombra da própria cor, cards que respondem ao mouse
 * e foto do topo que respira. Referência só de acabamento (medido na La Vie); identidade, fonte e texto são da Vix.
 * Carregado por último: apagar este arquivo desfaz tudo.
 */
:root {
    --ac-teal: #12BDAB;
    --ac-teal-hi: #2BD0BE;
    --ac-night: #0A1422;
    --ac-ease: cubic-bezier(.2, .8, .2, 1);
}

/* —— Menu: transparente sobre o topo, vidro azul-noite ao rolar —— */
#site-header.site-header--hero {
    transition: background-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease, -webkit-backdrop-filter .3s ease;
}
#site-header.site-header--hero.site-header--scrolled {
    background-color: rgba(10, 20, 34, .78) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.4);
    backdrop-filter: blur(18px) saturate(1.4);
    box-shadow: 0 1px 0 rgba(242, 246, 249, .06), 0 8px 24px rgba(4, 10, 20, .22);
}

/* —— Botões: sombra da própria cor e sobe 2 px no hover —— */
.btn-primary,
.page-home .hx-btn--solid {
    box-shadow: 0 10px 28px -8px rgba(18, 189, 171, .55) !important;
    transition: background-color .2s ease, box-shadow .25s ease, transform .25s var(--ac-ease) !important;
}
.btn-primary:hover,
.page-home .hx-btn--solid:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px -10px rgba(18, 189, 171, .62) !important;
}
.btn-secondary,
.page-home .hx-btn--line,
.page-home .hx-btn--ghost {
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .25s var(--ac-ease) !important;
}
.btn-secondary:hover,
.page-home .hx-btn--line:hover,
.page-home .hx-btn--ghost:hover { transform: translateY(-2px); }
.btn-primary:active, .btn-secondary:active, .page-home .hx-btn:active {
    transform: translateY(0) scale(.98);
    transition-duration: .08s !important;
}
#site-header .site-header__cta-btn { box-shadow: 0 8px 22px -8px rgba(18, 189, 171, .5) !important; }

/* —— Rótulos: pontinho turquesa antes do texto —— */
.page-home .hx-eyebrow { display: inline-flex; align-items: center; gap: .6rem; }
.page-home .hx-eyebrow::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: none;
    border-radius: 50%;
    background: var(--ac-teal);
    box-shadow: 0 0 0 4px rgba(18, 189, 171, .14);
}

/* —— Cards: a linha inteira se pinta no hover —— */
.page-home .hx-toc__row {
    position: relative;
    isolation: isolate;
    transition: color .35s var(--ac-ease);
}
.page-home .hx-toc__row::before {
    content: "";
    position: absolute;
    inset: 0 -1rem;
    z-index: -1;
    border-radius: 14px;
    background: var(--ac-night);
    opacity: 0;
    transform: scale(.985);
    transition: opacity .35s var(--ac-ease), transform .35s var(--ac-ease);
}
.page-home .hx-toc__row:hover::before,
.page-home .hx-toc__row:focus-visible::before { opacity: 1; transform: scale(1); }
.page-home .hx-toc__row:hover::after { opacity: 0; }
.page-home .hx-toc__row:hover .hx-toc__num,
.page-home .hx-toc__row:focus-visible .hx-toc__num { color: var(--ac-teal); }
.page-home .hx-toc__row:hover .hx-toc__title,
.page-home .hx-toc__row:focus-visible .hx-toc__title { color: #F2F6F9; }
.page-home .hx-toc__row:hover .hx-toc__desc,
.page-home .hx-toc__row:focus-visible .hx-toc__desc { color: #8A9AB0; }
.page-home .hx-toc__row:hover .hx-toc__arrow,
.page-home .hx-toc__row:focus-visible .hx-toc__arrow { color: var(--ac-teal); }
.page-home .hx-toc__num, .page-home .hx-toc__title, .page-home .hx-toc__desc { transition: color .35s var(--ac-ease); }

/* Blog: a capa ganha a sombra grande e difusa e sobe um pouco */
.page-home .hx-post__media {
    transition: transform .45s var(--ac-ease), box-shadow .45s var(--ac-ease);
}
.page-home .hx-post--lead:hover .hx-post__media {
    transform: translateY(-4px);
    box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .55);
}

/* —— Topo da home: vídeo lavado que respira —— */
.page-home .hero-v2--telemed .hero-v2__bg { overflow: hidden; }
.page-home .hero-v2__film {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
    filter: saturate(.62) brightness(.9) contrast(.92);
    opacity: 0;
    transition: opacity 1.2s ease;
}
.page-home .hero-v2__film.is-playing { opacity: 1; }
.page-home .hero-v2--telemed .hero-v2__bg.has-film { filter: none; }

@keyframes ac-breathe { from { scale: 1; } to { scale: 1.035; } }
.page-home .hero-v2--telemed .hero-v2__bg { animation: ac-breathe 14s ease-in-out infinite alternate; }

@media (prefers-reduced-motion: reduce) {
    .page-home .hero-v2--telemed .hero-v2__bg { animation: none; }
    .btn-primary:hover, .btn-secondary:hover, .page-home .hx-btn:hover, .page-home .hx-post--lead:hover .hx-post__media { transform: none; }
}
@media (hover: none) {
    .btn-primary:hover, .btn-secondary:hover, .page-home .hx-btn:hover { transform: none; }
}