/* Phosphor Icons (peso regular) en MILA 360: ajustes para que se integren
   como lo hacía Font Awesome (alineación, ancho fijo, giro). */
.ph { display: inline-block; vertical-align: -0.125em; line-height: 1; }
.ph.ph-fw { width: 1.25em; text-align: center; }
.ph.ph-xs { font-size: .75em; }
.ph.ph-sm { font-size: .875em; }
.ph.ph-lg { font-size: 1.25em; vertical-align: -.2em; }
.ph.ph-2x { font-size: 2em; }
.ph.ph-3x { font-size: 3em; }
.ph.ph-spin { animation: ph-spin 1s linear infinite; }
@keyframes ph-spin { to { transform: rotate(360deg); } }
/* Iconos dentro de botones y menús: un poco más presentes que el texto. */
button > .ph:first-child, a > .ph:first-child { font-size: 1.1em; }