/* Iconografía epik · Tu Plataforma — uso: <svg class="ico"><use href="iconos.svg#ico-curso"/></svg> */
.ico{width:24px;height:24px;display:inline-block;vertical-align:middle;flex:none;color:#0E3A66;--icono-acento:currentColor}
.ico--16{width:16px;height:16px}.ico--20{width:20px;height:20px}.ico--32{width:32px;height:32px}.ico--48{width:48px;height:48px}
/* epik y Tu Plataforma: una sola tinta. Azul epik sobre fondos claros; blanco sobre azul, grafito o fotos */
.ico--epik,.ico--tp{color:#0E3A66;--icono-acento:currentColor}
.ico--negativo{color:#FFFFFF;--icono-acento:currentColor}
/* Monocromo */
.ico--blanco{color:#FFFFFF;--icono-acento:#FFFFFF}
.ico--negro{color:#000000;--icono-acento:#000000}
/* Contenedores (48 px): círculo para epik, cuadrado redondeado para Tu Plataforma */
.ico-cont{display:inline-grid;place-items:center;width:48px;height:48px;flex:none;background:#0E3A66;color:#FFFFFF}
.ico-cont .ico{width:24px;height:24px;color:#FFFFFF}
.ico-cont--epik{border-radius:50%}.ico-cont--epik .ico{--icono-acento:currentColor}
.ico-cont--tp{border-radius:10.8px}.ico-cont--tp .ico{--icono-acento:currentColor}