/* ================================
   Open Sans (self-hosted)
   ================================ */

/* 300 */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/open-sans-v34-latin-300.woff2") format("woff2");
}

/* 400 (regular) */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/open-sans-v34-latin-regular.woff2") format("woff2");
}

/* 600 */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/open-sans-v34-latin-600.woff2") format("woff2");
}

/* 700 (bold) */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/open-sans-v34-latin-700.woff2") format("woff2");
}

/* Aplica la fuente */
body {
  font-family: "Open Sans", Arial, sans-serif;
}

/* ===== Type of profile buttons (match screenshot) ===== */
#typesOfLogin{
  gap: 0 !important;
}

#typesOfLogin .btn{
  border-radius: 0 !important;
  font-weight: 540 !important;
  border: 0 !important;
  color: #fff !important;
  padding: 10px 18px !important;
  margin: 0 !important;
}

/* colores */
#typesOfLogin .btn-partner{ background: #f04b5a !important; }
#typesOfLogin .btn-customer{ background: #22c7d6 !important; }

/* morado para los demás */
#typesOfLogin .btn-supplier,
#typesOfLogin .btn-integrator,
#typesOfLogin .btn-consolidator,
#typesOfLogin .btn-carrier,
#typesOfLogin .btn-customs{
  background: #8e44ad !important;
}

#typesOfLogin .btn:hover{ filter: brightness(.92); }