.contact-rail{position:fixed;right:24px;top:50%;z-index:10;display:flex;flex-direction:column;gap:9px;transform:translateY(-50%)}
.contact-rail:before{content:'';position:absolute;left:50%;top:-92px;width:1px;height:72px;background:var(--line)}
.contact-rail:after{content:'CONECTA';position:absolute;left:50%;top:-135px;transform:translateX(-50%) rotate(-90deg);color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.18em;white-space:nowrap}
.contact-rail a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:rgba(245,243,238,.82);backdrop-filter:blur(8px);transition:background .25s,border-color .25s,transform .25s}
.contact-rail a:hover{background:var(--gold);border-color:var(--gold);transform:translateX(-3px)}
.contact-rail svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-rail a:nth-child(2) svg{fill:var(--ink);stroke:none}
.contact-rail .fill-dot{fill:var(--ink);stroke:none}
.contact-rail a:hover svg{stroke:var(--ink)}
.contact-card h2 em{color:var(--ink)}
@media(max-width:760px){.contact-rail{top:auto;right:50%;bottom:16px;flex-direction:row;transform:translateX(50%);padding:6px;border:1px solid var(--line);border-radius:50px;background:rgba(245,243,238,.88);backdrop-filter:blur(10px)}.contact-rail:before,.contact-rail:after{display:none}.contact-rail a{width:34px;height:34px;border:0;background:transparent}.contact-rail a:hover{transform:translateY(-3px)}}