/* Botones sociales inspirados en el componente de Uiverse de ahmed150up. */
.contact-socials{display:flex;align-items:center;width:min(270px,100%);height:70px;margin:10px 0 0;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:38px;background:rgba(27,39,35,.42);box-shadow:0 10px 30px rgba(0,0,0,.15);list-style:none;backdrop-filter:blur(12px)}.contact-social-item{position:relative;display:flex;flex:1;height:100%;align-items:center;justify-content:center}.contact-social-item>a{position:relative;display:flex;width:58px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;color:#f5f5f5;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s}.contact-social-item svg{position:relative;z-index:2;width:27px;height:27px;fill:currentColor;opacity:1;transition:transform .25s}.social-fill{position:absolute;inset:0;border-radius:inherit;background:transparent;transition:background .25s}.contact-social-item>a:hover,.contact-social-item>a:focus-visible{color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.22);outline:none}.contact-social-item>a:hover svg,.contact-social-item>a:focus-visible svg{animation:social-bounce .4s linear}.contact-social-item>a[data-social=whatsapp]:hover,.contact-social-item>a[data-social=whatsapp]:focus-visible{background:#12a50b}.contact-social-item>a[data-social=email]:hover,.contact-social-item>a[data-social=email]:focus-visible{background:#00a8d6}.contact-social-item>a[data-social=location]:hover,.contact-social-item>a[data-social=location]:focus-visible{background:#5865f2}.contact-social-item>a[data-social=facebook]:hover,.contact-social-item>a[data-social=facebook]:focus-visible{background:linear-gradient(45deg,#1877f2,#4267b2 55%,#29487d)}.social-tooltip{position:absolute;z-index:4;bottom:calc(100% + 8px);left:50%;padding:6px 9px;border-radius:7px;background:#202b27;color:#fff;font-size:.72rem;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:.22s;pointer-events:none}.contact-social-item:hover .social-tooltip,.contact-social-item:focus-within .social-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}@keyframes social-bounce{40%{transform:scale(1.4)}60%{transform:scale(.8)}80%{transform:scale(1.2)}100%{transform:scale(1)}}@media(max-width:480px){.contact-socials{width:244px;height:64px}.contact-social-item>a{width:52px;height:52px}.contact-social-item svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.contact-social-item>a,.contact-social-item svg,.social-tooltip{transition:none!important;animation:none!important}}