/* Biblioteca de iconos reutilizables KOE.
   Requiere Font Awesome, ya cargado globalmente por view/header.php. */
:root{
  --koe-icon-blue:#0736bf;
  --koe-icon-soft:#edf2ff;
  --koe-icon-green:#18a957;
  --koe-icon-red:#e33b4f;
}
.koe-program-icon{
  align-items:center;
  background:var(--koe-icon-soft);
  border:1px solid rgba(7,54,191,.12);
  border-radius:50%;
  color:var(--koe-icon-blue);
  display:inline-flex;
  flex:0 0 56px;
  font-size:1.45rem;
  height:56px;
  justify-content:center;
  line-height:1;
  width:56px;
}
.koe-program-icon--small{flex-basis:44px;font-size:1.08rem;height:44px;width:44px}
.koe-program-icon--large{flex-basis:76px;font-size:2rem;height:76px;width:76px}
.koe-program-icon--outline{background:#fff;border:2px solid currentColor}
.koe-program-icon--solid{background:var(--koe-icon-blue);border-color:var(--koe-icon-blue);color:#fff;box-shadow:0 10px 24px rgba(7,54,191,.24)}
.koe-program-icon--success{background:#ebfff3;border-color:#bce8ca;color:var(--koe-icon-green)}
.koe-program-icon--danger{background:#fff2f4;border-color:#f3c6ce;color:var(--koe-icon-red)}
.koe-program-icon--square{border-radius:14px}
.koe-program-icon > i{color:inherit;line-height:1}
.koe-program-icon--vocabulario,
.koe-program-icon--expresiones,
.koe-program-icon--certificaciones{
  background-position:center;
  background-repeat:no-repeat;
  background-size:26px 26px;
}
.koe-program-icon--vocabulario{background-image:url('/iconos/programa-vocabulario-profesional.svg')}
.koe-program-icon--expresiones{background-image:url('/iconos/programa-expresiones.svg')}
.koe-program-icon--certificaciones{background-image:url('/iconos/programa-certificaciones.svg')}
.koe-icon-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}