:root{
  --soc-bg:#0b1021; --soc-ring:rgba(255,255,255,.10); --soc-ring-hover:rgba(255,255,255,.22);
  --soc-size:44px; --soc-gap:14px;
}
.sociais__head{text-align:center;margin-bottom:14px}
.sociais__eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#8b93a7;display:block}
.sociais__title{margin:.2rem 0 0;font-weight:800;font-size:1.35rem;background:linear-gradient(90deg,#e5e7eb,#b3c0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sociais__list{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--soc-gap);flex-wrap:wrap}
.sociais__item{display:block}
.sociais__btn{width:var(--soc-size);height:var(--soc-size);display:grid;place-items:center;border-radius:999px;text-decoration:none;position:relative;background:var(--soc-bg);border:1px solid var(--soc-ring);color:#e5e7eb;transition:transform .15s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 6px 14px rgba(0,0,0,.22)}
.sociais__btn i{font-size:18px;line-height:1}
.sociais__btn:hover{transform:translateY(-1px);border-color:var(--soc-ring-hover)}
.sociais__btn:active{transform:translateY(0)}
.sociais__btn--whatsapp:hover{box-shadow:0 8px 22px rgba(37,211,102,.45),inset 0 0 0 999px rgba(37,211,102,.10)}
.sociais__btn--instagram:hover{box-shadow:0 8px 22px rgba(225,48,108,.45),inset 0 0 0 999px rgba(225,48,108,.10)}
.sociais__btn--facebook:hover{box-shadow:0 8px 22px rgba(24,119,242,.45),inset 0 0 0 999px rgba(24,119,242,.10)}
.sociais__btn--twitter:hover{box-shadow:0 8px 22px rgba(17,17,17,.45),inset 0 0 0 999px rgba(17,17,17,.10)}
.sociais__btn--youtube:hover{box-shadow:0 8px 22px rgba(255,0,0,.5),inset 0 0 0 999px rgba(255,0,0,.10)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:480px){:root{--soc-size:42px;--soc-gap:12px}.sociais__title{font-size:1.15rem}}


/* ===== Section Head (title + underline) ===== */
.section-head{ text-align:center; }
.section-title{ margin:0; font-weight:800; font-size:1.35rem; line-height:1.2; }
.section-underline{ display:block; width:120px; height:3px; margin:.5rem auto 0; border-radius:999px;
  background: linear-gradient(90deg,#0f1a36,#2b3758);
}
@media (max-width:576px){
  .section-title{ font-size:1.15rem; }
  .section-underline{ width:96px; }
}

/* ===== Socials (horizontal) ===== */
:root{
  --soc-bg:#0b1021; --soc-ring:rgba(255,255,255,.10); --soc-ring-hover:rgba(255,255,255,.22);
  --soc-size:44px; --soc-gap:14px;
}
.sociais__list{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:var(--soc-gap);flex-wrap:wrap}
.sociais__item{display:block}
.sociais__btn{width:var(--soc-size);height:var(--soc-size);display:grid;place-items:center;border-radius:999px;text-decoration:none;position:relative;background:var(--soc-bg);border:1px solid var(--soc-ring);color:#e5e7eb;transition:transform .15s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 6px 14px rgba(0,0,0,.22)}
.sociais__btn i{font-size:18px;line-height:1}
.sociais__btn:hover{transform:translateY(-1px);border-color:var(--soc-ring-hover)}
.sociais__btn:active{transform:translateY(0)}
.sociais__btn--whatsapp:hover{box-shadow:0 8px 22px rgba(37,211,102,.45),inset 0 0 0 999px rgba(37,211,102,.10)}
.sociais__btn--instagram:hover{box-shadow:0 8px 22px rgba(225,48,108,.45),inset 0 0 0 999px rgba(225,48,108,.10)}
.sociais__btn--facebook:hover{box-shadow:0 8px 22px rgba(24,119,242,.45),inset 0 0 0 999px rgba(24,119,242,.10)}
.sociais__btn--twitter:hover{box-shadow:0 8px 22px rgba(17,17,17,.45),inset 0 0 0 999px rgba(17,17,17,.10)}
.sociais__btn--youtube:hover{box-shadow:0 8px 22px rgba(255,0,0,.5),inset 0 0 0 999px rgba(255,0,0,.10)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:480px){:root{--soc-size:42px;--soc-gap:12px}}