/* Imobiliária Itália · Social V246
   Facebook + TikTok ao lado dos pontos existentes de Instagram.
   Mantém o layout-base, GSAP e comportamento mobile já aprovados. */

.ii-social-glyph{width:1em;height:1em;display:block;fill:currentColor;stroke:none}

/* Header: herda a geometria dos botões sociais existentes. */
.hd-facebook,.hd-tiktok{isolation:isolate;overflow:hidden}
.hd-facebook::after,.hd-tiktok::after{
  content:"";position:absolute;inset:4px;border-radius:inherit;opacity:0;transform:scale(.7);
  transition:opacity .28s ease,transform .38s cubic-bezier(.2,.8,.2,1);pointer-events:none
}
.hd-facebook::after{box-shadow:inset 0 0 0 1px rgba(24,119,242,.34)}
.hd-tiktok::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.hd-facebook:hover::after,.hd-facebook:focus-visible::after,.hd-tiktok:hover::after,.hd-tiktok:focus-visible::after{opacity:1;transform:scale(1)}
.hd-facebook:hover,.hd-facebook:focus-visible{color:#1877f2}
.hd-tiktok:hover,.hd-tiktok:focus-visible{color:var(--ink,#111)}
html[data-theme="dark"] .hd-tiktok:hover,html[data-theme="dark"] .hd-tiktok:focus-visible{color:#fff}
.hd-facebook .ii-social-glyph,.hd-tiktok .ii-social-glyph{transition:transform .34s cubic-bezier(.2,.8,.2,1)}
.hd-facebook:hover .ii-social-glyph,.hd-facebook:focus-visible .ii-social-glyph,.hd-tiktok:hover .ii-social-glyph,.hd-tiktok:focus-visible .ii-social-glyph{transform:translateY(-1px) scale(1.08)}

/* Menu mobile/overlay: mantém a mesma linguagem circular do Instagram/WhatsApp. */
.menu-social-facebook:hover,.menu-social-facebook:focus-visible{color:#1877f2}
.menu-social-tiktok:hover,.menu-social-tiktok:focus-visible{color:#111}
html[data-theme="dark"] .menu-social-tiktok:hover,html[data-theme="dark"] .menu-social-tiktok:focus-visible{color:#fff}
.menu-social-facebook .ii-social-glyph,.menu-social-tiktok .ii-social-glyph{transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.menu-social-facebook:hover .ii-social-glyph,.menu-social-facebook:focus-visible .ii-social-glyph,.menu-social-tiktok:hover .ii-social-glyph,.menu-social-tiktok:focus-visible .ii-social-glyph{transform:scale(1.1) rotate(-3deg)}

/* CTA: os novos botões entram no mesmo fluxo e na mesma animação GSAP de .cta .b. */
.cta .b-facebook,.cta .b-tiktok{position:relative;overflow:hidden}
.cta .b-facebook{background:#1877f2;color:#fff;border-color:#1877f2}
.cta .b-facebook:hover,.cta .b-facebook:focus-visible{background:#1469d8;border-color:#1469d8}
.cta .b-tiktok{background:#111;color:#fff;border-color:#111}
.cta .b-tiktok:hover,.cta .b-tiktok:focus-visible{background:#000;border-color:#000}
html[data-theme="dark"] .cta .b-tiktok{background:#f4f4ef;color:#0a0a0a;border-color:#f4f4ef}
html[data-theme="dark"] .cta .b-tiktok:hover,html[data-theme="dark"] .cta .b-tiktok:focus-visible{background:#fff;border-color:#fff}
.cta .b-facebook .ii-social-glyph,.cta .b-tiktok .ii-social-glyph{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cta .b-facebook:hover .ii-social-glyph,.cta .b-facebook:focus-visible .ii-social-glyph,.cta .b-tiktok:hover .ii-social-glyph,.cta .b-tiktok:focus-visible .ii-social-glyph{transform:translateY(-1px) scale(1.08)}

/* Quando o conjunto ganhar 5 CTAs, deixa quebrar linha com naturalidade sem apertar textos. */
.cta .bt{flex-wrap:wrap}
.cta .bt .b{min-width:min(100%,190px)}

/* Rodapé: feedback discreto, sem alterar a hierarquia editorial. */
.ft a[data-ii-social="facebook"],.ft a[data-ii-social="tiktok"]{position:relative}
.ft a[data-ii-social="facebook"]::after,.ft a[data-ii-social="tiktok"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;transform:scaleX(0);transform-origin:left;
  transition:transform .28s ease;background:currentColor
}
.ft a[data-ii-social="facebook"]:hover::after,.ft a[data-ii-social="facebook"]:focus-visible::after,.ft a[data-ii-social="tiktok"]:hover::after,.ft a[data-ii-social="tiktok"]:focus-visible::after{transform:scaleX(1)}
.ft a[data-ii-social="facebook"]:hover,.ft a[data-ii-social="facebook"]:focus-visible{color:#1877f2}

/* Pedido V246: remover o rótulo verde do card de simulação, sem deslocar os controles. */
.ii-finance-compact .ii-finance-eyebrow{display:none!important}

/* Entrada sutil dos novos elementos; respeita acessibilidade e não disputa com GSAP. */
@keyframes ii-social-v246-in{from{opacity:0;transform:translateY(5px) scale(.94)}to{opacity:1;transform:none}}
.hd-facebook,.hd-tiktok,.menu-social-facebook,.menu-social-tiktok{animation:ii-social-v246-in .42s cubic-bezier(.2,.8,.2,1) both}
.hd-tiktok,.menu-social-tiktok{animation-delay:.055s}

@media(max-width:899px){
  .cta .bt .b{flex:1 1 calc(50% - 8px);min-width:0}
  .cta .b-facebook,.cta .b-tiktok{min-height:54px}
}
@media(max-width:520px){
  .cta .bt .b{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
  .hd-facebook,.hd-tiktok,.menu-social-facebook,.menu-social-tiktok{animation:none}
  .hd-facebook .ii-social-glyph,.hd-tiktok .ii-social-glyph,.menu-social-facebook .ii-social-glyph,.menu-social-tiktok .ii-social-glyph,.cta .b-facebook .ii-social-glyph,.cta .b-tiktok .ii-social-glyph{transition:none}
}