/* Redes sociais — seção da página inicial e ícones do rodapé */
.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.social-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 20px 28px;border-radius:22px;background:#0d0d10;border:1px solid #ffffff14;text-decoration:none;color:#fff;text-align:center;overflow:hidden;transition:transform .45s cubic-bezier(.2,.9,.3,1.3),border-color .35s,box-shadow .35s;animation:social-in .8s cubic-bezier(.16,1,.3,1) both}
.social-card:nth-child(2){animation-delay:.12s}
.social-card:nth-child(3){animation-delay:.24s}
.social-card:nth-child(4){animation-delay:.36s}
@keyframes social-in{from{opacity:0;transform:translateY(34px) scale(.94)}to{opacity:1;transform:none}}
.social-card:hover{transform:translateY(-8px) scale(1.03);border-color:#ffffff33;box-shadow:0 22px 50px #000a}
.social-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid #ffffff1a;transition:transform .4s cubic-bezier(.2,.9,.3,1.4)}
.social-icon svg{width:28px;height:28px;fill:#fff}
.social-card:hover .social-icon{transform:scale(1.15) rotate(-6deg)}
.social-card b{font-size:17px;letter-spacing:.3px}
.social-user{font-size:12.5px;color:#9a9aa3;word-break:break-all}
.social-cta{margin-top:6px;font-size:12.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#8ab8ff;display:inline-flex;gap:6px;align-items:center}
.social-cta span{transition:transform .3s;display:inline-block}
.social-card:hover .social-cta span{transform:translate(2px,-2px)}

/* Cores oficiais de cada rede */
/* Instagram — rede principal em destaque */
.social-main{padding:44px 24px 34px;background:linear-gradient(160deg,#1a0b16,#0d0d10 60%);box-shadow:0 0 0 1px #dd2a7b55,0 18px 44px #dd2a7b22}
.social-main::before{content:"";position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from var(--social-spin,0deg),#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:social-spin 5s linear infinite;pointer-events:none}
@property --social-spin{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes social-spin{to{--social-spin:360deg}}
.social-main .social-icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border:none;animation:social-float 3.4s ease-in-out infinite}
.social-main .social-icon svg{width:36px;height:36px}
@keyframes social-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.social-main b{font-size:19px}
.social-main .social-cta{color:#f7a8c9}
.social-badge{position:absolute;top:14px;right:14px;font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#ffd7ea;background:linear-gradient(45deg,#d62976,#962fbf);padding:5px 11px;border-radius:999px;box-shadow:0 6px 18px #d6297655}

/* TikTok — preto com brilho ciano e rosa */
.social-card:nth-child(2) .social-icon{background:#0a0a0a;border-color:#25f4ee44;box-shadow:0 8px 24px #fe2c5522}
.social-card:nth-child(2) .social-icon svg{filter:drop-shadow(-2px 0 0 #25f4ee) drop-shadow(2px 0 0 #fe2c55)}
.social-card:nth-child(2):hover{border-color:#25f4ee66;box-shadow:0 22px 50px #fe2c5526}
.social-card:nth-child(2) .social-cta{color:#7deef0}

/* Facebook — azul oficial */
.social-card:nth-child(3) .social-icon{background:#1877f2;border-color:#1877f2;box-shadow:0 8px 24px #1877f244}
.social-card:nth-child(3):hover{border-color:#1877f288;box-shadow:0 22px 50px #1877f233}
.social-card:nth-child(3) .social-cta{color:#7fb3f7}

/* YouTube — vermelho oficial */
.social-card:nth-child(4) .social-icon{background:#ff0000;border-color:#ff0000;box-shadow:0 8px 24px #ff000044}
.social-card:nth-child(4):hover{border-color:#ff000088;box-shadow:0 22px 50px #ff000033}
.social-card:nth-child(4) .social-cta{color:#ff8a8a}

/* Ícones compactos do rodapé — sempre coloridos */
.social-mini{display:flex;gap:10px;align-items:center}
.social-mini a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff1a;transition:transform .35s cubic-bezier(.2,.9,.3,1.4),box-shadow .3s}
.social-mini a svg{width:17px;height:17px;fill:#fff}
.social-mini a:hover{transform:translateY(-4px) scale(1.12)}
.social-mini .sm-ig{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf);border-color:transparent}
.social-mini .sm-ig:hover{box-shadow:0 8px 22px #d6297655}
.social-mini .sm-tt{background:#0a0a0a;border-color:#25f4ee55}
.social-mini .sm-tt svg{filter:drop-shadow(-1.5px 0 0 #25f4ee) drop-shadow(1.5px 0 0 #fe2c55)}
.social-mini .sm-tt:hover{box-shadow:0 8px 22px #fe2c5544}
.social-mini .sm-fb{background:#1877f2;border-color:#1877f2}
.social-mini .sm-fb:hover{box-shadow:0 8px 22px #1877f255}
.social-mini .sm-yt{background:#ff0000;border-color:#ff0000}
.social-mini .sm-yt:hover{box-shadow:0 8px 22px #ff000055}

@media (max-width:1080px){.social-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.social-grid{grid-template-columns:1fr 1fr;gap:12px}.social-card{padding:26px 12px 22px}.social-user{font-size:11px}}
.privacy-link{font-size:12px;opacity:.65;color:inherit;text-decoration:underline}