/* Brand icons and social links (markup from icon() / social_links() in views.php). */
.ico { width: 1.25em; height: 1.25em; flex: none; vertical-align: -.25em; }
.btn > .ico { margin-right: .1em; }
.ico-whatsapp { color: #25D366; }
.ico-instagram { color: #E4405F; }
.ico-facebook { color: #1877F2; }
.btn-wa { background: #25D366 !important; color: #fff !important; box-shadow: 0 6px 0 #1A9E4B !important; }
.btn-wa .ico { color: #fff; }
.social { display: flex; flex-wrap: wrap; gap: 12px; list-style: none; margin: 0; padding: 0; }
.social a { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; color: #fff; text-decoration: none; box-shadow: 0 4px 12px rgba(0, 0, 0, .18); transition: transform .25s cubic-bezier(.34, 1.56, .64, 1); }
.social a:hover { transform: translateY(-4px) rotate(-6deg); }
.social a:focus-visible { outline: 3px solid #FFCB57; outline-offset: 3px; }
.social .ico { width: 24px; height: 24px; color: #fff; }
.social .s-whatsapp { background: #25D366; }
.social .s-instagram { background: radial-gradient(circle at 30% 107%, #FDF497 0%, #FD5949 45%, #D6249F 60%, #285AEB 90%); }
.social .s-facebook { background: #1877F2; }
.ico-amazon { color: #FF9900; }
.social .s-amazon { background: #232F3E; }
.social .s-amazon .ico { color: #FF9900; }
.social .s-ml { background: #FFE600; }
.social .s-ml .ml-mark { width: 30px; height: 30px; margin: 0; font-size: 16px; } /* handshake in a white circle on Mercado Libre yellow */
@media (prefers-reduced-motion: reduce) { .social a { transition: none; } }