/* 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}
.koe-profession-icon{align-items:center;background:linear-gradient(135deg,#0736bf,#17b9d2);border-radius:12px;box-shadow:0 8px 18px rgba(7,54,191,.22);color:#fff;display:inline-flex;flex:0 0 46px;font-size:1.15rem;height:46px;justify-content:center;width:46px}
.koe-profession-icon>i{color:inherit;line-height:1}
.koe-profession-icon:before{font-family:"Segoe UI Symbol",Arial,sans-serif;font-size:1.3rem;font-weight:700;line-height:1}
.koe-profession-icon--hotel:before{content:"H"}
.koe-profession-icon--tourism:before{content:"✈"}
.koe-profession-icon--armed-forces:before{content:"◆"}
.koe-profession-icon--business:before{content:"$"}
.koe-profession-icon--engineering:before{content:"⚙"}
.koe-profession-icon--medicine:before{content:"✚"}