/*
 * Subconjunto de los ocho íconos de Font Awesome 4 que usa la infografía,
 * redibujados como SVG embebidos. Reemplaza el <link> a cloudflare de la pieza
 * original: el sitio no debería pedirle a un CDN de terceros los íconos de una
 * página del Estado, ni exponer a quien la visita a ese tercero.
 *
 * Se usan como máscara y no como imagen de fondo para que hereden el color del
 * texto, igual que hacía la fuente de íconos.
 */

.fa {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.fa-globe {
    --fa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.5 2.6 3.9 5.8 3.9 9s-1.4 6.4-3.9 9c-2.5-2.6-3.9-5.8-3.9-9S9.5 5.6 12 3Z'/%3E%3C/svg%3E");
}

.fa-map-o {
    --fa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m9 4 6 2.4 5-2v13.2l-5 2L9 17.2l-5 2V6L9 4Z'/%3E%3Cpath d='M9 4v13.2M15 6.4v13.2'/%3E%3C/svg%3E");
}

.fa-unlock-alt {
    --fa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 7.7-1.5'/%3E%3Cpath d='M12 14v3'/%3E%3C/svg%3E");
}

.fa-commenting-o {
    --fa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12c0 4-4 7.2-9 7.2a11 11 0 0 1-2.7-.3L4 21l1.3-3.4A6.9 6.9 0 0 1 3 12c0-4 4-7.2 9-7.2s9 3.2 9 7.2Z'/%3E%3Cpath d='M8.5 12h.01M12 12h.01M15.5 12h.01'/%3E%3C/svg%3E");
}

.fa-comments-o {
    --fa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 10c0 3-3.1 5.4-7 5.4a9 9 0 0 1-2.2-.3L4 17l1.1-2.7A5.3 5.3 0 0 1 3 10c0-3 3.1-5.4 7-5.4s7 2.4 7 5.4Z'/%3E%3Cpath d='M19.6 8.6C20.5 9.4 21 10.5 21 11.7c0 1.4-.7 2.7-1.9 3.6l.9 2.2-2.7-1.2c-2 .4-4-.1-5.2-1.2'/%3E%3C/svg%3E");
}

.fa-universal-access {
    --fa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='7.4' r='1.2' fill='black' stroke='none'/%3E%3Cpath d='M7.5 10.2c3 .9 6 .9 9 0'/%3E%3Cpath d='M12 10.6v3.2m0 0-2 4m2-4 2 4'/%3E%3C/svg%3E");
}

.fa-long-arrow-right {
    --fa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17'/%3E%3Cpath d='m15 7 5 5-5 5'/%3E%3C/svg%3E");
}

.fa-long-arrow-left {
    --fa-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12H4'/%3E%3Cpath d='m9 7-5 5 5 5'/%3E%3C/svg%3E");
}

.fa-globe,
.fa-map-o,
.fa-unlock-alt,
.fa-commenting-o,
.fa-comments-o,
.fa-universal-access,
.fa-long-arrow-right,
.fa-long-arrow-left {
    -webkit-mask-image: var(--fa-svg);
    mask-image: var(--fa-svg);
}