/* ============================================================================
   Autorys · Redes sociales en el pie de las subpáginas · /assets/css/redes-pie.css
   Desarrollado por Autorys · https://autorys.com
   [Autorys · SEO 2026-11-05] Acompaña a app/views/partials/redes_pie.php. Mismo aspecto que las redes
   del pie de la portada (círculos con borde, se pintan de azul al pasar el ratón). Usa los colores
   de cada sección (--line, --muted, --blue) y trae valores de respaldo por si alguna no los tiene.
   ============================================================================ */
.ar-redes { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px 14px; margin-top: 18px; }
.ar-redes-t { margin: 0; font-size: 13px; font-weight: 700; color: var(--ink, #0f172a); }
.ar-redes-l { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ar-redes-l a { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--line, #e2e8f0); color: var(--muted, #475569); background: transparent; text-decoration: none; transition: color .15s, border-color .15s, background .15s; }
.ar-redes-l a:hover, .ar-redes-l a:focus-visible { color: #fff; background: var(--blue, #1d4ed8); border-color: var(--blue, #1d4ed8); }
.ar-redes-l svg { width: 18px; height: 18px; }
@media (max-width: 760px) { .ar-redes { justify-content: flex-start; } }