/* Canales de contacto y redes sociales. */
.whatsapp-button { position: fixed; z-index: 10; right: 26px; bottom: 26px; display: inline-flex; align-items: center; gap: 8px; padding: 11px 15px; border: 1px solid #92a9c7; border-radius: 24px; background: #0b294d; color: #fff; box-shadow: 0 9px 25px rgba(1,15,35,.23); font-size: 12px; font-weight: 800; text-decoration: none; transition: transform .2s, background .2s; }
.whatsapp-button:hover { background: #17477e; transform: translateY(-2px); }
.whatsapp-button svg { width: 18px; height: 18px; fill: currentColor; }
.social-links { display: flex; gap: 8px; }
.social-links a { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #7089aa; border-radius: 50%; color: #d3e1f4; font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; text-decoration: none; }
.social-links a:hover { background: #d3e1f4; color: #06172f; }
@media (max-width: 780px) { .whatsapp-button { right: 17px; bottom: 17px; padding: 11px; } .whatsapp-button span { display: none; } }