/* Redes sociales de Timbre (@Timbresinllamar). Iconos de un color, sin sombra, en Violeta sobre fondos claros
   y en Lima sobre Índigo o Violeta, como pide el sistema gráfico del brand book v0.6. Objetivos de toque de 44 px. */
.redes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.redes a{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;color:#5B3DF5;background:transparent;border:1.5px solid #DEDBF0;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}
.redes a:hover{background:#5B3DF5;border-color:#5B3DF5;color:#F4F3FF}
.redes a:focus-visible{outline:3px solid #5B3DF5;outline-offset:2px}
.redes svg{width:20px;height:20px;display:block}
.redes-usuario{font:700 13px/1.2 'Rubik','Arial Black',Arial,sans-serif;color:#15122B;margin-right:6px;letter-spacing:-.005em}
.redes--oscuro a{color:#C8FF3D;border-color:rgba(244,243,255,.25)}
.redes--oscuro a:hover{background:#C8FF3D;border-color:#C8FF3D;color:#120F2A}
.redes--oscuro .redes-usuario{color:#F4F3FF}
@media (prefers-reduced-motion:reduce){.redes a{transition:none}}
/* El pie de la portada da a sus enlaces relleno y margen negativo; los iconos los anulan para quedar centrados */
.footer-top .redes a,.legal-pie .redes a,.foot .redes a{display:inline-grid;place-items:center;padding:0;margin:0;font-size:inherit}
/* En celular el usuario va en su propia línea para que los cinco iconos quepan en una fila */
@media (max-width:600px){.redes-usuario{width:100%;margin:0 0 4px}}