/* Avançadíssimo — nuvem "Ajude a expandir" */

.anth-nex2{
	position:relative;
	width:50%;
	max-width:454px;
	min-width:0;
	margin-inline:auto;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:clamp(20px,2.7vw,29px) clamp(9px,2vw,20px);
	border:0 !important;
	border-radius:26px;
	overflow:hidden;
	isolation:isolate;
	background:transparent !important;
	box-shadow:none !important;
}

.anth-nex2::before{
	content:"";
	position:absolute;
	inset:0;
	background:url(../../img/orbe-cosmico-teal.webp) center center / cover no-repeat;
	opacity:1;
	pointer-events:none;
	z-index:0;
}

.anth-nex2::after{
	content:none;
}

.anth-nex2__stars{
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:1;
}
.anth-nex2__star{
	position:absolute;
	left:var(--x);
	top:var(--y);
	width:var(--sz);
	height:var(--sz);
	transform:translate(-50%,-50%);
	clip-path:polygon(50% 0%, 58% 32%, 93% 25%, 68% 50%, 93% 75%, 58% 68%, 50% 100%, 42% 68%, 7% 75%, 32% 50%, 7% 25%, 42% 32%);
	background:linear-gradient(180deg, rgba(225,255,248,.98) 0%, rgba(175,245,229,.95) 55%, rgba(122,224,208,.85) 100%);
	filter:drop-shadow(0 0 2px rgba(180,255,240,.55)) drop-shadow(0 0 6px rgba(110,240,220,.38));
	opacity:.24;
	animation:anth-nex2-star-twinkle var(--d) ease-in-out infinite;
	animation-delay:var(--del);
}
@keyframes anth-nex2-star-twinkle{
	0%,100%{
		opacity:.18;
		transform:translate(-50%,-50%) scale(.55) rotate(0deg);
		filter:drop-shadow(0 0 1px rgba(180,255,240,.22)) drop-shadow(0 0 3px rgba(110,240,220,.14));
	}
	32%{
		opacity:.62;
		transform:translate(-50%,-50%) scale(1.02) rotate(8deg);
		filter:drop-shadow(0 0 2px rgba(180,255,240,.45)) drop-shadow(0 0 8px rgba(110,240,220,.26));
	}
	50%{
		opacity:1;
		transform:translate(-50%,-50%) scale(1.42) rotate(16deg);
		filter:drop-shadow(0 0 4px rgba(210,255,248,.82)) drop-shadow(0 0 14px rgba(124,244,224,.58));
	}
	72%{
		opacity:.44;
		transform:translate(-50%,-50%) scale(.86) rotate(5deg);
		filter:drop-shadow(0 0 2px rgba(180,255,240,.36)) drop-shadow(0 0 6px rgba(110,240,220,.22));
	}
}

.anth-nex2__diamond{display:none !important}

.anth-nex2__orb{
	position:relative;
	z-index:2;
	width:min(100%,348px);
	aspect-ratio:1/1;
	flex:0 1 348px;
	margin-inline:auto;
}

.anth-nex2__rings,
.anth-nex2__rays,
.anth-nex2__ring,
.anth-nex2__ray,
.anth-nex2__ray-dot{
	display:none !important;
}

.anth-nex2__word{
	position:absolute;
	left:calc(var(--x) * 1%);
	top:calc(var(--y) * 1%);
	transform:translate(calc(-50% + var(--dx,0px) + var(--mx,0px) + var(--rx,0px)),calc(-50% + var(--dy,0px) + var(--my,0px) + var(--ry,0px))) scale(var(--s,1));
	transform-origin:center;
	width:max-content;
	max-width:176px;
	min-width:0;
	color:rgba(231,247,242,.82);
	font:500 14px/1.15 Inter,sans-serif;
	letter-spacing:.005em;
	text-align:center;
	white-space:normal;
	text-wrap:balance;
	overflow-wrap:normal;
	word-break:normal;
	text-decoration:none;
	z-index:3;
	transition:color .22s ease,opacity .22s ease,transform .28s ease,text-shadow .22s ease,filter .22s ease;
	will-change:transform;
	text-shadow:0 2px 6px rgba(0,0,0,.98),0 0 12px rgba(0,0,0,.92),0 0 20px rgba(0,0,0,.62);
	filter:drop-shadow(0 0 0 rgba(0,0,0,0));
}

.anth-nex2__word-label{
	display:block;
	animation:anth-nex2-word-drift var(--navdur,7.4s) ease-in-out infinite;
	animation-delay:var(--navdel,0s);
	transition:transform .22s ease,color .22s ease,text-shadow .22s ease,opacity .22s ease;
	will-change:transform;
}

@keyframes anth-nex2-word-drift{
	0%{transform:translate3d(0,0,0) rotate(-1.1deg);}
	20%{transform:translate3d(var(--fx,3px),calc(var(--fy,3px) * -0.72),0) rotate(0.8deg);}
	42%{transform:translate3d(calc(var(--fx,3px) * -.62),var(--fy,3px),0) rotate(1.2deg);}
	67%{transform:translate3d(calc(var(--fx,3px) * -1.08),calc(var(--fy,3px) * -.88),0) rotate(-0.7deg);}
	100%{transform:translate3d(0,0,0) rotate(-1.1deg);}
}

.anth-nex2:hover .anth-nex2__word{
	color:rgba(238,251,246,.9);
}

.anth-nex2__word:hover,
.anth-nex2__word:focus-visible{
	color:#baf7e5;
	opacity:1;
	filter:drop-shadow(0 0 10px rgba(110,240,220,.18));
	transform:translate(calc(-50% + var(--dx,0px) + var(--mx,0px) + var(--rx,0px)),calc(-50% + var(--dy,0px) + var(--my,0px) + var(--ry,0px))) scale(calc(var(--s,1) * 1.08));
}

.anth-nex2__word:hover .anth-nex2__word-label,
.anth-nex2__word:focus-visible .anth-nex2__word-label{
	transform:scale(1.04);
	text-shadow:0 2px 8px rgba(0,0,0,1),0 0 14px rgba(0,0,0,.92),0 0 20px rgba(74,228,205,.3);
}

.anth-nex2__center{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	color:#eef9f5;
	background:none;
	border:0;
	box-shadow:none;
	z-index:5;
	padding:0;
	text-shadow:0 2px 7px rgba(0,0,0,1),0 0 16px rgba(0,0,0,.98),0 0 28px rgba(0,0,0,.92),0 0 18px rgba(90,220,198,.24);
}
.anth-nex2__center span{
	font:800 15px/1 Inter,sans-serif;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:rgba(241,255,251,.96);
	text-shadow:0 2px 6px rgba(0,0,0,1),0 0 14px rgba(0,0,0,.98),0 0 22px rgba(0,0,0,.92),0 0 12px rgba(100,235,210,.28);
}
.anth-nex2__center strong{
	margin-top:5px;
	font:800 15px/1 Inter,sans-serif;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:rgba(241,255,251,.96);
	text-shadow:0 2px 8px rgba(0,0,0,1),0 0 18px rgba(0,0,0,1),0 0 28px rgba(0,0,0,.94),0 0 12px rgba(100,235,210,.24);
}

@media (max-width:900px){
	.anth-nex2{
		width:68%;
		max-width:421px;
	}
	.anth-nex2__word{font-size:13px;max-width:162px}
}

@media (max-width:640px){
	.anth-nex2{
		width:100%;
		max-width:356px;
		padding:16px 7px;
	}
	.anth-nex2__orb{width:min(100%,292px)}
	.anth-nex2__word{font-size:12px;max-width:144px}
	.anth-nex2__center span{font-size:11px}
	.anth-nex2__center strong{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
	.anth-nex2__star,
	.anth-nex2__word-label{animation:none;opacity:.6}
}

/* 1.3.68 — comportamento único da nuvem em Avançado e Avançadíssimo.
 * A própria seção define o tamanho; o perfil pai não pode reduzi-la.
 * O fundo ultrapassa 1 cm acima e 2 cm abaixo sem entrar no fluxo. */
.anth-home .anth-nex2{
    width:100%!important;
    max-width:454px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:visible!important;
    position:relative!important;
}

.anth-home .anth-nex2::before{
    top:-2.25cm!important;
    right:0!important;
    bottom:-4.5cm!important;
    left:0!important;
    inset:auto 0!important;
    height:calc(100% + 3cm)!important;
    pointer-events:none!important;
    z-index:0!important;
}

/* O mosaico do nível 4 usa outro arquivo de layout. Quando a nuvem existe,
 * normalizamos aqui a mesma malha de 12 colunas usada no Avançadíssimo. */
.anth-home .anth-adaptive-mosaic:has(> [class*="__item--universo-expandir"]){
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-auto-flow:dense!important;
    grid-auto-rows:8px!important;
    gap:12px!important;
    align-items:start!important;
    overflow:visible!important;
}
.anth-home .anth-adaptive-mosaic:has(> [class*="__item--universo-expandir"]) > [class*="__item"]{
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    align-self:start!important;
}
.anth-home .anth-adaptive-mosaic > [class*="__item--universo-expandir"]{
    grid-column:span 6!important;
    position:relative!important;
    overflow:visible!important;
    justify-self:stretch!important;
    z-index:0!important;
}
.anth-home .anth-adaptive-mosaic > [class*="__item--universo-expandir"] ~ [class*="__item"],
.anth-home .anth-adaptive-mosaic > [class*="__item"]:not([class*="__item--universo-expandir"]){
    position:relative;
    z-index:2;
}

@media (max-width:900px){
    .anth-home .anth-nex2{
        width:100%!important;
        max-width:454px!important;
    }
}
@media (max-width:759px){
    .anth-home .anth-adaptive-mosaic:has(> [class*="__item--universo-expandir"]){
        grid-template-columns:minmax(0,1fr)!important;
        grid-auto-rows:auto!important;
    }
    .anth-home .anth-adaptive-mosaic > [class*="__item--universo-expandir"]{
        grid-column:1 / -1!important;
        width:100%!important;
    }
    .anth-home .anth-nex2{
        width:min(100%,356px)!important;
        max-width:356px!important;
    }
    .anth-home .anth-nex2__orb{
        width:min(100%,292px)!important;
    }
}


/* Ajuste incremental: reduzir a nuvem mais 10% em todos os perfis. */
.anth-home .anth-nex2{
    transform:scale(.9)!important;
    transform-origin:center center!important;
}

/* 1.4.20 — restauração da Nuvem a partir do último estado histórico aprovado.
 * Apenas adapta o bloco antigo ao compositor PERFIS atual: o fundo volta a
 * desaparecer nas bordas, sem criar o retângulo escuro ao redor da nuvem. */
.anth-home .anth-perfis-section--universo-expandir .anth-nex2{
    width:100%!important;
    max-width:520px!important;
    margin-inline:auto!important;
    position:relative!important;
    border-radius:30px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:scale(1)!important;
    transform-origin:center center!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2::before{
    inset:0!important;
    width:auto!important;
    height:auto!important;
    border-radius:inherit!important;
    background-image:url(../../img/orbe-cosmico-teal.webp)!important;
    background-position:center center!important;
    background-size:110% auto!important;
    background-repeat:no-repeat!important;
    -webkit-mask-image:radial-gradient(ellipse 100% 96% at 50% 50%,
        #000 0%,
        #000 54%,
        rgba(0,0,0,.97) 63%,
        rgba(0,0,0,.78) 72%,
        rgba(0,0,0,.46) 82%,
        rgba(0,0,0,.16) 91%,
        transparent 100%)!important;
    mask-image:radial-gradient(ellipse 100% 96% at 50% 50%,
        #000 0%,
        #000 54%,
        rgba(0,0,0,.97) 63%,
        rgba(0,0,0,.78) 72%,
        rgba(0,0,0,.46) 82%,
        rgba(0,0,0,.16) 91%,
        transparent 100%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-size:100% 100%!important;
    mask-size:100% 100%!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2::after{
    content:none!important;
}


/* 1.4.26 — Nuvem: foco no item sob o mouse e afastamento dos vizinhos. */
.anth-nex2__word{
	--rx:0px;
	--ry:0px;
}
.anth-nex2__word.is-focused{
	z-index:8;
}
.anth-nex2.is-word-focused .anth-nex2__word:not(.is-focused){
	transition-duration:.34s;
}



/* 1.4.38 — aumenta o espaço vertical visível do fundo sem ampliar a própria imagem. */
.anth-home .anth-perfis-section--universo-expandir .anth-nex2{
    overflow:visible!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2::before{
    top:-1.35cm!important;
    right:0!important;
    bottom:-1.95cm!important;
    left:0!important;
    inset:auto 0!important;
    height:calc(100% + 3.3cm)!important;
    width:auto!important;
    background-position:center center!important;
    background-size:110% auto!important;
    background-repeat:no-repeat!important;
    pointer-events:none!important;
    z-index:0!important;
}

/* 1.4.40 — reduz apenas a altura ocupada pela Nuvem no fluxo da linha.
 * O bloco visual mantém exatamente o tamanho atual e invade igualmente
 * o espaço acima e abaixo; assim a outra seção passa a definir a altura da linha. */
.anth-home .anth-perfis-section--universo-expandir{
    margin-top:-118px!important;
    margin-bottom:-118px!important;
}

/* 1.4.41 — toda a camada da Nuvem fica abaixo das demais seções,
 * inclusive quando invade o espaço acima/abaixo com margens negativas. */
.anth-home .anth-perfis-section--universo-expandir{
    position:relative!important;
    z-index:0!important;
    isolation:isolate!important;
}
.anth-home .anth-adaptive-mosaic > [class*="__item"]:not([class*="__item--universo-expandir"]),
.anth-home .anth-perfis-section:not(.anth-perfis-section--universo-expandir){
    position:relative!important;
    z-index:5!important;
}


/* 1.4.42 — somente a imagem da Nuvem fica atrás das demais seções;
 * órbita, palavras e centro voltam para a camada superior. */
.anth-home .anth-perfis-section--universo-expandir{
    position:relative!important;
    z-index:auto!important;
    isolation:auto!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2{
    position:relative!important;
    z-index:auto!important;
    isolation:auto!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2::before{
    z-index:0!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2__stars{
    z-index:1!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2__orb{
    position:relative!important;
    z-index:10!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2__word{
    z-index:11!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2__word.is-focused{
    z-index:14!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2__center{
    z-index:12!important;
}
.anth-home .anth-adaptive-mosaic > [class*="__item"]:not([class*="__item--universo-expandir"]),
.anth-home .anth-perfis-section:not(.anth-perfis-section--universo-expandir){
    position:relative!important;
    z-index:5!important;
}

/* 1.4.43 — reduz em 15% apenas a camada das palavras: raio e escala dos itens. */
.anth-home .anth-perfis-section--universo-expandir .anth-nex2__word{
    left:calc(50% + ((var(--x) - 50) * .85) * 1%)!important;
    top:calc(50% + ((var(--y) - 50) * .85) * 1%)!important;
    transform:translate(calc(-50% + var(--dx,0px) + var(--mx,0px) + var(--rx,0px)),calc(-50% + var(--dy,0px) + var(--my,0px) + var(--ry,0px))) scale(calc(var(--s,1) * .85))!important;
}
.anth-home .anth-perfis-section--universo-expandir .anth-nex2__word:hover,
.anth-home .anth-perfis-section--universo-expandir .anth-nex2__word:focus-visible{
    transform:translate(calc(-50% + var(--dx,0px) + var(--mx,0px) + var(--rx,0px)),calc(-50% + var(--dy,0px) + var(--my,0px) + var(--ry,0px))) scale(calc(var(--s,1) * .918))!important;
}


/* 1.4.44 — aproxima levemente a linha abaixo da linha que contém a Nuvem. */
.anth-home .anth-perfis-row:has(.anth-perfis-section--universo-expandir){
    margin-bottom:-6px!important;
}