.fichas div .ficha {
    border: 1px solid #CCCCCC;
    padding: 20px 10px 10px 10px;
    margin-bottom: 20px;
    text-align: center;
    min-height: 220px;
    cursor: pointer;
}

.fichas div .ficha:hover {
    background-color: #373d57;
    color: #FFF;
}

.fichas div .ficha .icono {
    border: 1px solid #fff;
    border-radius: 5px;
    display: inline-table;
}

.fichas .ficha div.icono > span {
    width: 55px;
    height: 55px;
    margin: 10px;
    color: #fff;
    vertical-align: middle;
}

#documentos_iconify div.subtitulo{
    color:white;
    font-size:0.8em;
    text-align: justify;
}


.icon--auf {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: no-repeat center / 100%;
  mask: no-repeat center / 100%;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}

.icon--auf--logo_ruhc {
  --svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="2048" height="2048" viewBox="0 0 2048 2048"%3E%3Cpath fill="currentColor" d="M1920 128v1792H128V128h1792zM256 256v1024h150l109-109q19-19 45-19t45 19l177 176l244-947q5-21 22-34t40-14q23 0 40 13t22 36l102 417h156q22 0 39 13t23 35l72 286h250V256H256zm1536 1536v-512h-300q-23 0-40-13t-22-36l-72-285h-156q-23 0-40-13t-22-36l-54-218l-208 809q-5 21-22 34t-40 14q-26 0-45-19l-211-211l-83 83q-19 19-45 19H256v384h1536z"%2F%3E%3C%2Fsvg%3E');
}


.icon--auf--diagnostico {
    --svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="2048" height="2048" viewBox="0 0 2048 2048"%3E%3Cpath fill="currentColor" d="M1920 128v1792H128V128h1792zM256 256v1024h150l109-109q19-19 45-19t45 19l177 176l244-947q5-21 22-34t40-14q23 0 40 13t22 36l102 417h156q22 0 39 13t23 35l72 286h250V256H256zm1536 1536v-512h-300q-23 0-40-13t-22-36l-72-285h-156q-23 0-40-13t-22-36l-54-218l-208 809q-5 21-22 34t-40 14q-26 0-45-19l-211-211l-83 83q-19 19-45 19H256v384h1536z"%2F%3E%3C%2Fsvg%3E');
}

.icon--auf--marco_estrategico {
    --svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" d="m9.647 1.439l2.914 2.914l.001-.001c.281.282.439.663.439 1.061v7.586a2 2 0 0 1-2 2H7.258l.133-.1a2.39 2.39 0 0 0 .281-.229c.203-.203.374-.434.534-.671h2.795a1 1 0 0 0 1-1v-7h-2.5a1.5 1.5 0 0 1-1.5-1.5v-2.5h-3a1 1 0 0 0-1 1v3.092a1.483 1.483 0 0 0-.983 1.177l-.01.004A.053.053 0 0 1 3 7.276V3a2 2 0 0 1 2-2h3.586a1.5 1.5 0 0 1 1.061.439ZM9 4.499a.5.5 0 0 0 .5.5h2.293L9 2.206v2.293Zm-4.5 8a1 1 0 1 0 .002-2.001a1 1 0 0 0-.002 2.001Zm4-1.5h-.551A3.486 3.486 0 0 0 5 8.05v-.551a.5.5 0 1 0-1 0v.551a3.487 3.487 0 0 0-2.949 2.949H.5a.5.5 0 1 0 0 1h.551A3.487 3.487 0 0 0 4 14.948v.551a.5.5 0 1 0 1 0v-.551a3.487 3.487 0 0 0 2.949-2.949H8.5a.5.5 0 1 0 0-1Zm-2.232 2.268a2.501 2.501 0 0 1-4.078-2.724a2.501 2.501 0 1 1 4.078 2.724Z"%2F%3E%3C%2Fsvg%3E');
}

.icon--auf--plan_accion {
    --svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M10.984 13.836a.5.5 0 0 1-.353-.146l-.745-.743a.5.5 0 1 1 .706-.708l.392.391l1.181-1.18a.5.5 0 0 1 .708.707l-1.535 1.533a.504.504 0 0 1-.354.146zm9.353-.147l1.534-1.532a.5.5 0 0 0-.707-.707l-1.181 1.18l-.392-.391a.5.5 0 1 0-.706.708l.746.743a.497.497 0 0 0 .706-.001zM4.527 7.452l2.557-1.585A1 1 0 0 0 7.09 4.17L4.533 2.56A1 1 0 0 0 3 3.406v3.196a1.001 1.001 0 0 0 1.527.85zm2.03-2.436L4 6.602V3.406l2.557 1.61zM24 12.5c0 1.93-1.57 3.5-3.5 3.5a3.503 3.503 0 0 1-3.46-3h-2.08a3.503 3.503 0 0 1-3.46 3a3.502 3.502 0 0 1-3.46-3h-.558c-.972 0-1.85-.399-2.482-1.042V17c0 1.654 1.346 3 3 3h.04c.244-1.693 1.7-3 3.46-3c1.93 0 3.5 1.57 3.5 3.5S13.43 24 11.5 24a3.502 3.502 0 0 1-3.46-3H8c-2.206 0-4-1.794-4-4V9.899A5.008 5.008 0 0 1 0 5c0-2.757 2.243-5 5-5s5 2.243 5 5a5.005 5.005 0 0 1-4.952 4.998A2.482 2.482 0 0 0 7.482 12h.558c.244-1.693 1.7-3 3.46-3a3.502 3.502 0 0 1 3.46 3h2.08a3.503 3.503 0 0 1 3.46-3c1.93 0 3.5 1.57 3.5 3.5zm-15 8c0 1.378 1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5s-1.122-2.5-2.5-2.5S9 19.122 9 20.5zM5 9c2.206 0 4-1.794 4-4S7.206 1 5 1S1 2.794 1 5s1.794 4 4 4zm9 3.5c0-1.378-1.122-2.5-2.5-2.5S9 11.122 9 12.5s1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5zm9 0c0-1.378-1.122-2.5-2.5-2.5S18 11.122 18 12.5s1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5zm-13 8a.5.5 0 1 0 1 0a.5.5 0 0 0-1 0zm2 0a.5.5 0 1 0 1 0a.5.5 0 0 0-1 0zm12 0c0 1.93-1.57 3.5-3.5 3.5a3.503 3.503 0 0 1-3.46-3.002c-.007.001-.013.005-.021.005l-.506.017h-.017a.5.5 0 0 1-.016-.999l.506-.017c.018-.002.035.006.052.007A3.503 3.503 0 0 1 20.5 17c1.93 0 3.5 1.57 3.5 3.5zm-1 0c0-1.378-1.122-2.5-2.5-2.5S18 19.122 18 20.5s1.122 2.5 2.5 2.5s2.5-1.122 2.5-2.5z"%2F%3E%3C%2Fsvg%3E');
}

.icon--auf--evaluacion_seguimiento {
    --svg: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="currentColor" d="M23 23v466h466v-18H41v-82.184l85.854-57.234l70.023 70.022l65.133-260.536L387.28 203.7l67.79-107.97l19.317 11.858l6.102-71.1l-60.644 37.616l19.884 12.207l-59.01 93.99l-130.732-65.366l-62.865 251.462l-57.98-57.978L41 367.184V23H23z"%2F%3E%3C%2Fsvg%3E');
}