/* Anthares Home — base
   Todas as variáveis vivem dentro de .anth-home, nunca em :root,
   para não vazar pro tema nem sofrer interferência dele. */

.anth-home {
  position: relative;
  --bg: #00040a;
  --bg-deep: #080a0f;
  --surface: #111827;
  --surface-2: #161f33;
  --border: rgba(30, 200, 165, 0.25);
  --teal: #00d1b2;
  --teal-solid: #0a947b;
  --teal-dim: #0f6e56;
  --gold: #d9b46a;
  --gold-dim: #7a6231;
  --text: #e9edf6;
  --text-dim: #9aa4bd;
  --text-faint: #5c657c;
  --serif: 'Cormorant Garamond', serif;
  --sans: 'Inter', sans-serif;

  background-color: var(--bg);
  background-image:
    url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='6' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' type='matrix' values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1' result='gray'/%3E%3CfeComponentTransfer in='gray'%3E%3CfeFuncR type='linear' slope='3.6' intercept='-1.4'/%3E%3CfeFuncG type='linear' slope='3.6' intercept='-1.4'/%3E%3CfeFuncB type='linear' slope='3.6' intercept='-1.4'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g2)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 110% 60% at 50% 0%, #11151b 0%, #0a0d12 40%, #06080d 70%, #020305 100%);
  background-repeat: repeat, no-repeat;
  background-size: 200px 200px, cover;
  background-position: 0 0, center top;
  background-blend-mode: overlay, normal;
  color: var(--text);
  font-family: var(--sans);
  line-height: 1.6;
  overflow-x: hidden;
  isolation: isolate; /* fecha o contexto de empilhamento em torno do .anth-bg-fx */
}

/* Estágio "imagem real": se assets/media/bg-fx/texture.* existir, o
   PHP troca as 3 camadas SVG acima por essa imagem (mais barata ainda
   que o fallback, é só 1 arquivo). */
.anth-home.has-texture-image {
  background-image:
    linear-gradient(180deg, rgba(5, 8, 12, 0.35) 0%, rgba(5, 8, 12, 0.55) 60%, rgba(3, 5, 7, 0.75) 100%),
    var(--anth-bg-fx-image);
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: center top, center top;
  background-blend-mode: normal, normal;
}

/* Versão clara — ativada via data-theme="light" no wrapper */
.anth-home[data-theme="light"] {
  --bg: #f7f5ef;
  --bg-deep: #efece2;
  --surface: #ffffff;
  --surface-2: #f1eee5;
  --border: #ddd7c7;
  --teal: #0f8a6c;
  --teal-solid: #0f8a6c;
  --teal-dim: #d7f0e9;
  --gold: #a3812f;
  --gold-dim: #f1e4c4;
  --text: #1c2230;
  --text-dim: #565f74;
  --text-faint: #8a92a5;
  background-color: var(--bg) !important;
  background-image: none !important;
}

.anth-home * {
  box-sizing: border-box;
}

/* Garante que toda seção (header/section, filhos diretos) pinte por CIMA
   do fundo fixo .anth-bg-fx (position:fixed, z-index:-1), independente
   de ordem no DOM ou de qual navegador resolve o stacking context. */
.anth-home > section,
.anth-home > header {
  position: relative;
  z-index: 1;
}

.anth-home img,
.anth-home video {
  max-width: 100%;
  display: block;
}

.anth-home a {
  color: inherit;
}

.anth-home .anth-wrap {
  max-width: 1040px;
  margin: 0 auto;
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.anth-home .anth-wrap--wide {
  max-width: 1440px;
}

@media (max-width: 720px) {
  .anth-home .anth-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Botões — compartilhado entre seções */
.anth-home .anth-btn {
  display: inline-block;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 14px;
  padding: 13px 24px;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.3s ease;
}

.anth-home .anth-btn:hover {
  transform: translateY(-1px);
}

.anth-home .anth-btn.anth-btn-primary {
  background: var(--teal-solid) !important;
  color: #ffffff !important;
}

.anth-home .anth-btn.anth-btn-primary:hover {
  box-shadow: 0 0 0 8px rgba(30, 200, 165, 0.12), 0 8px 22px rgba(30, 200, 165, 0.35);
}

/* Pulso sutil só no CTA final — é o botão de conversão principal da
   home, os outros ficam quietos até o hover pra não cansar o olho. */
.anth-home .anth-cta-final .anth-btn.anth-btn-primary {
  animation: anth-btn-pulse 2.6s ease-in-out infinite;
}

@keyframes anth-btn-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(30, 200, 165, 0.35); }
  50% { box-shadow: 0 0 0 10px rgba(30, 200, 165, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .anth-home .anth-cta-final .anth-btn.anth-btn-primary {
    animation: none;
  }
}

.anth-home .anth-btn.anth-btn-secondary {
  background: transparent !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* Slot de mídia progressiva: poster sempre visível até o vídeo assumir */
.anth-home .anth-media {
  position: relative;
  overflow: hidden;
}

.anth-home a:focus-visible,
.anth-home button:focus-visible,
.anth-home .anth-btn:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 3px;
  border-radius: 4px;
}

.anth-home .anth-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .5s ease, transform .5s ease;
  transition-delay: var(--reveal-delay, 0ms);
}

.anth-home .anth-reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .anth-home .anth-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.anth-home .anth-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}

/* LQIP: minúscula e borrada, aparece instantaneamente (embutida no HTML) */
.anth-home .anth-media-lqip {
  filter: blur(16px);
  transform: scale(1.08); /* esconde a borda borrada que o blur revela */
  opacity: 1;
  transition: opacity 0.6s ease;
}

/* Imagem em qualidade total: some por baixo do LQIP até carregar,
   depois assume com fade suave */
.anth-home .anth-media-full {
  opacity: 0;
  transition: opacity 0.6s ease;
}

.anth-home .anth-media.is-full-ready .anth-media-full {
  opacity: 1;
}

.anth-home .anth-media.is-full-ready .anth-media-lqip {
  opacity: 0;
}

.anth-home .anth-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.anth-home .anth-media.is-video-ready video {
  opacity: 1;
}

.anth-home .anth-media.is-video-ready img {
  opacity: 0;
  transition: opacity 0.5s ease;
}


/* ==========================================================
 * EIXO REAL DA HOME
 * O shortcode pode estar dentro de um container do tema/WooCommerce
 * cujo centro não coincide com o centro da viewport. Centralizar apenas
 * os layouts internos usa esse centro errado. O wrapper da Home passa a
 * ocupar a viewport inteira e todos os perfis se orientam pelo mesmo eixo.
 * ========================================================== */
.anth-home:is(
	.anth-home--dashboard-recem-chegado,
	.anth-home--dashboard-iniciante,
	.anth-home--dashboard-intermediario,
	.anth-home--dashboard-avancado-n4,
	.anth-home--dashboard-avancadissimo
){
	width:100vw!important;
	max-width:none!important;
	margin-left:calc(50% - 50vw)!important;
	margin-right:calc(50% - 50vw)!important;
}

.anth-home--dashboard-recem-chegado .anth-recem-layout,
.anth-home--dashboard-iniciante .anth-iniciante-layout,
.anth-home--dashboard-intermediario .anth-intermediario-layout,
.anth-home--dashboard-avancado-n4 .anth-avancado-layout,
.anth-home--dashboard-avancadissimo .anth-dashboard-layout{
	width:min(1320px,calc(100% - 34px))!important;
	max-width:1320px!important;
	margin-left:auto!important;
	margin-right:auto!important;
}

@media(max-width:900px){
	.anth-home--dashboard-recem-chegado .anth-recem-layout,
	.anth-home--dashboard-iniciante .anth-iniciante-layout,
	.anth-home--dashboard-intermediario .anth-intermediario-layout,
	.anth-home--dashboard-avancado-n4 .anth-avancado-layout,
	.anth-home--dashboard-avancadissimo .anth-dashboard-layout{
		width:min(1320px,calc(100% - 22px))!important;
	}
}

/* 1.4.53 — Títulos das seções: padrão visual único da Meta Semanal. */
.anth-home :is(
    .anth-interacoes__kicker,
    .anth-edf-titulo,
    .anth-pd-kicker,
    .anth-feed-pessoal-kicker,
    .anth-clube-home__eyebrow,
    .anth-nef__kicker,
    .anth-mp-kicker,
    .anth-recurso-autor-card__kicker,
    .anth-convites-hub__eyebrow,
    .anth-rec-eyebrow,
    .anth-marco__eyebrow,
    .anth-mod-comercial__kicker,
    .anth-int-kicker,
    .anth-ini-kicker,
    .anth-rc-forum__kicker,
    .anth-av-assinatura__head > span,
    .anth-invest-capitulo__kicker,
    .anth-ua__kicker,
    .anth-rc-etapas__kicker,
    .anth-av-bv__kicker,
    .anth-ini-eyebrow,
    .anth-int-eyebrow,
    .anth-rc-eyebrow,
    .anth-pnuc > div > span
){
    display:inline-flex!important;
    align-items:center!important;
    gap:9px!important;
    margin:0 0 11px!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    color:#84fff0!important;
    font-family:Inter,sans-serif!important;
    font-size:12px!important;
    font-style:normal!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    text-shadow:0 0 9px rgba(66,255,225,.25)!important;
    box-shadow:none!important;
}

.anth-home :is(
    .anth-interacoes__kicker,
    .anth-edf-titulo,
    .anth-pd-kicker,
    .anth-feed-pessoal-kicker,
    .anth-clube-home__eyebrow,
    .anth-nef__kicker,
    .anth-mp-kicker,
    .anth-recurso-autor-card__kicker,
    .anth-convites-hub__eyebrow,
    .anth-rec-eyebrow,
    .anth-marco__eyebrow,
    .anth-mod-comercial__kicker,
    .anth-int-kicker,
    .anth-ini-kicker,
    .anth-rc-forum__kicker,
    .anth-av-assinatura__head > span,
    .anth-invest-capitulo__kicker,
    .anth-ua__kicker,
    .anth-rc-etapas__kicker,
    .anth-av-bv__kicker,
    .anth-ini-eyebrow,
    .anth-int-eyebrow,
    .anth-rc-eyebrow,
    .anth-pnuc > div > span
)::before{
    content:""!important;
    position:static!important;
    inset:auto!important;
    display:block!important;
    flex:0 0 4px!important;
    width:4px!important;
    min-width:4px!important;
    height:20px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:6px!important;
    background:#4cf9e3!important;
    box-shadow:0 0 9px rgba(67,245,220,.65)!important;
    opacity:1!important;
    transform:none!important;
}

/* O próprio título da Meta Semanal permanece como referência visual. */
.anth-home .anth-meta-semanal-v2 .anth-ms-home-badge{
    font-family:Inter,sans-serif!important;
}


/* 1.4.56 — a Home usa largura full-viewport (100vw). Quando o formulário de Convites
 * aumenta a altura da página e surge a barra vertical, 100vw inclui a largura dessa
 * barra e cria overflow horizontal no documento. Recorta apenas esse excedente de viewport. */
html:has(.anth-home),
body:has(.anth-home){
    overflow-x:clip!important;
    max-width:100%!important;
}