/* 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-ui-icon{color:currentColor;display:inline-block;position:relative}
.koe-nav-pill>i,.koe-admin-menu-item>i{align-items:center;color:currentColor;display:inline-flex;flex:0 0 18px;font-size:16px;height:18px;justify-content:center;width:18px}
.home-card__icon>i{color:currentColor;font-size:24px;line-height:1}.home-card__action>i{font-size:13px;line-height:1}
.koe-intranet-icon{background:currentColor;display:inline-block;flex:0 0 auto;height:1.2em;-webkit-mask:var(--koe-intranet-icon) center/contain no-repeat;mask:var(--koe-intranet-icon) center/contain no-repeat;width:1.2em}
.koe-intranet-icon--cartas{--koe-intranet-icon:url('/iconos/intranet-cartas.svg')}
.koe-intranet-icon--pdf{--koe-intranet-icon:url('/iconos/intranet-pdf.svg')}
.koe-intranet-icon--cumpleanos{--koe-intranet-icon:url('/iconos/intranet-cumpleanos.svg')}
.koe-intranet-icon--planes{--koe-intranet-icon:url('/iconos/intranet-planes.svg')}
.koe-intranet-icon--convenios{--koe-intranet-icon:url('/iconos/intranet-convenios.svg')}
.koe-link-card-icon{--koe-intranet-icon:url('/iconos/intranet-link.svg')}
.koe-link-card-icon--link{--koe-intranet-icon:url('/iconos/intranet-link.svg')}
.koe-link-card-icon--contract{--koe-intranet-icon:url('/iconos/intranet-pdf.svg')}
.koe-link-card-icon--demo{--koe-intranet-icon:url('/iconos/intranet-demo.svg')}
.koe-link-card-icon--image{--koe-intranet-icon:url('/iconos/intranet-imagen.svg')}
.koe-link-card-icon--document{--koe-intranet-icon:url('/iconos/intranet-pdf.svg')}
.koe-link-card-icon--video{--koe-intranet-icon:url('/iconos/intranet-video.svg')}
.koe-link-card-icon--support{--koe-intranet-icon:url('/iconos/intranet-soporte.svg')}
.koe-link-card-icon--education{--koe-intranet-icon:url('/iconos/intranet-educacion.svg')}
.koe-link-card-icon--external{--koe-intranet-icon:url('/iconos/intranet-externo.svg')}
.koe-ui-icon--message{height:28px;width:34px}
.koe-ui-icon--message:before{border:3px solid currentColor;border-radius:8px;content:"";height:20px;left:0;position:absolute;top:0;width:30px}
.koe-ui-icon--message:after{border-bottom:3px solid currentColor;border-left:3px solid currentColor;bottom:1px;content:"";height:9px;left:7px;position:absolute;transform:skew(-28deg);width:9px}
.koe-ui-icon--lock{height:16px;width:14px}
.koe-ui-icon--lock:before{border:2px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0;content:"";height:8px;left:3px;position:absolute;top:0;width:8px}
.koe-ui-icon--lock:after{background:currentColor;border-radius:2px;bottom:0;content:"";height:9px;left:1px;position:absolute;width:12px}
.koe-reason-icon{background:currentColor;display:inline-block;height:48px;line-height:1;-webkit-mask:var(--koe-reason-icon) center/contain no-repeat;mask:var(--koe-reason-icon) center/contain no-repeat;width:48px}
.koe-reason-icon--world{--koe-reason-icon:url('/iconos/razon-conecta-mundo.svg')}
.koe-reason-icon--career{--koe-reason-icon:url('/iconos/razon-destaca-carrera.svg')}
.koe-reason-icon--growth{--koe-reason-icon:url('/iconos/razon-crecimiento.svg')}
.koe-reason-icon--study{--koe-reason-icon:url('/iconos/razon-estudia-exterior.svg')}
.koe-reason-icon--travel{--koe-reason-icon:url('/iconos/razon-viaja-libertad.svg')}
.koe-profession-icon--engineering:before{content:"⚙"}
.koe-profession-icon--medicine:before{content:"✚"}

/* Shared social symbols from the original koe.la footer. */
.koe-footer-social-symbol{display:inline-block;width:14px;height:14px;background:currentColor;mask:var(--koe-footer-social) center/contain no-repeat;-webkit-mask:var(--koe-footer-social) center/contain no-repeat}
.koe-footer-social-symbol--facebook{--koe-footer-social:url('/iconos/footer-social-facebook.svg')}
.koe-footer-social-symbol--instagram{--koe-footer-social:url('/iconos/footer-social-instagram.svg')}
.koe-footer-social-symbol--linkedin{--koe-footer-social:url('/iconos/footer-social-linkedin.svg')}
.koe-footer-social-symbol--youtube{--koe-footer-social:url('/iconos/footer-social-youtube.svg')}
.koe-footer-social-symbol--tiktok{--koe-footer-social:url('/iconos/footer-social-tiktok.svg')}
.koe-footer-social-symbol--pinterest{--koe-footer-social:url('/iconos/footer-social-pinterest.svg')}
.koe-footer-social-symbol--x{--koe-footer-social:url('/iconos/footer-social-x.svg')}
.koe-footer-social-symbol--threads{--koe-footer-social:url('/iconos/footer-social-threads.svg')}

.koe-contact-symbol{display:inline-block;width:22px;height:22px;background:currentColor;mask:var(--koe-contact-symbol) center/contain no-repeat;-webkit-mask:var(--koe-contact-symbol) center/contain no-repeat}
.koe-contact-symbol--whatsapp{--koe-contact-symbol:url('/iconos/contacto-whatsapp.svg')}
.koe-contact-symbol--telegram{--koe-contact-symbol:url('/iconos/contacto-telegram.svg')}
.koe-contact-symbol--phone{--koe-contact-symbol:url('/iconos/contacto-phone.svg')}
.koe-contact-symbol--email{--koe-contact-symbol:url('/iconos/contacto-email.svg')}
.koe-intranet-icon--usuario{--koe-intranet-icon:url('/iconos/usuario.svg')}