@font-face {
  font-family: "Fontello";
  src: url("../assets/fonts/fontello.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Telefonica Regular";
  src: url("../assets/fonts/telefonica-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Telefonica Bold";
  src: url("../assets/fonts/telefonica-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Telefonica Light";
  src: url("../assets/fonts/telefonic-light-webfont.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit Regular";
  src: url("../assets/fonts/Kanit-Regular.woff2") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit Bold";
  src: url("../assets/fonts/Kanit-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit Light";
  src: url("../assets/fonts/Kanit-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit SemiBold";
  src: url("../assets/fonts/Kanit-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit Medium";
  src: url("../assets/fonts/Kanit-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

.kanit-medium {
  font-family: "Kanit Medium", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}

.kanit-semibold {
  font-family: "Kanit SemiBold", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}

.kanit {
  font-family: "Kanit Regular", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}
.kanit-bold {
  font-family: "Kanit Bold", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}
.kanit-light {
  font-family: "Kanit Light", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}

.telefonica {
  font-family: "Telefonica Regular", system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial;
}
.telefonica-bold {
  font-family: "Telefonica Bold", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}
.telefonica-light {
  font-family: "Telefonica Light", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}

.fontello {
  font-family: "Fontello", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial;
}

[class*="icon-"]:before,
[class^="icon-"]:before {
  font-family: "Fontello";
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-recibo:before {
  content: "\e800";
}

.icon-icon-check:before {
  content: "\e801";
}

.icon-icon-chevron:before {
  content: "\e802";
}

.icon-icon-chevron2:before {
  content: "\e803";
}

.icon-icon-fijo:before {
  content: "\e804";
}

.icon-icon-edit:before {
  content: "\e805";
}

.icon-icon-info:before {
  content: "\e806";
}

.icon-icon-movil:before {
  content: "\e807";
}

.icon-icon-mail:before {
  content: "\e808";
}

.icon-icon-seguridad:before {
  content: "\e80a";
}

.icon-icon-tiempo:before {
  content: "\e80b";
}

.icon-icon-ubicacion:before {
  content: "\e80c";
}

.icon-agregar:before {
  content: "\e80d";
}

.icon-close:before {
  content: "\e80e";
}

.icon-dinero:before {
  content: "\e80f";
}

.icon-equipo:before {
  content: "\e810";
}

.icon-icon-check-circle:before {
  content: "\e811";
}

.icon-reloj:before {
  content: "\e812";
}

.icon-tarjeta:before {
  content: "\e813";
}

.icon-lupa:before {
  content: "\e814";
}

.icon-papelera:before {
  content: "\e815";
}

.icon-warning:before {
  content: "\e816";
}

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* cambia color del icono cuando el input dentro del contenedor tiene foco */
.relative:focus-within .icon-icon-movil {
  color: #009df4;
  transition: color 150ms ease;
}
/* opcional: asegurar que el pseudo-elemento herede color */
.relative:focus-within [class*="icon-"]:before,
.relative:focus-within [class^="icon-"]:before {
  color: inherit;
}

.css-1ry1zdb {
  position: relative;
  display: flex;
  padding-top: 3px;
  flex-flow: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex: 0 0 30px;
}

.css-1mdj1hf {
  width: 25px;
  height: 25px;
  border: 1px solid rgb(1, 157, 244);
  border-radius: 50%;
  padding: 0px;
  position: relative;
}

.css-1q4gim1 {
  position: relative;
  display: flex;
  padding-top: 3px;
  flex-flow: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  flex: 0 0 auto;
}

/* Modal Styles */
@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.animate-spin-slow {
  animation: spin-slow 2s linear infinite;
}

@supports (-webkit-touch-callout: none) {
  input[type="email"] {
    text-indent: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    caret-color: #337ab7;
  }
}