/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./assets/src/css/seleccion-documento/page-seleccion-documento.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
#seleccion-documento {
  background-color: #f5f7fb;
  min-height: 75vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 193px;
  padding-bottom: 193px;
  padding-right: 15px;
  padding-left: 15px;
  font-family: "telefonica";
}

#seleccion-documento #títuloPrincipal .h3-title {
  color: var(--color-azul-movistar) !important;
  font-size: clamp(30px, 4vw, 45px);
  margin-bottom: 5px;
}

#seleccion-documento .section-title-bold {
  font-family: "telefonica";
  font-weight: 500;
  text-align: center;
  color: var(--color-azul-oscuro-movistar);
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 5px;
}

#seleccion-documento .btn {
  width: 240px;
  height: 44px;
  font-size: 14px;
  padding: 12px 40px;
  border-radius: 5px;
  font-family: "telefonica";
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 160px;
}

#seleccion-documento .btn-primary-custom {
  background: var(--color-azul-digital-movistar);
  color: var(--color-blanco-movistar);
  border: none;
}

#procesandoSolicitud {
  width: 240px;
  height: 44px;
  font-size: 14px;
  padding: 12px 40px;
  border-radius: 5px;
  font-family: "telefonica";
  border: none;
  transition: all 0.2s;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 160px;
  background: var(--color-azul-digital-movistar);
  color: var(--color-blanco-movistar);
  border: none;
}

#seleccion-documento .btn-primary-custom:hover {
  background: var(--color-azul-movistar);
}

.input-group-portar {
  position: relative;
  margin-top: 15px;
}

.input-group-portar select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%226%22%20viewBox%3D%220%200%209%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.04883%200.353516C8.25193%200.541849%208.26764%200.859464%208.0791%201.06641L8.08008%201.06738L4.61914%204.89355L4.61621%204.89746C4.42338%205.10132%204.09962%205.10997%203.89551%204.91699L3.87988%204.90137L3.87305%204.89551L0.342773%201.06934L0.337891%201.06348C0.25901%200.971695%200.214363%200.852292%200.213867%200.728515L0.213867%200.727539L0.212891%200.726562L0.213867%200.726562C0.212777%200.585668%200.271761%200.453505%200.37207%200.358398L0.371094%200.357422L0.373047%200.356445C0.373835%200.355704%200.374207%200.354252%200.375%200.353515L0.375977%200.354492C0.574175%200.165574%200.885249%200.166156%201.08203%200.357422L1.09082%200.365234L0.933594%200.509765L1.09082%200.366211L4.24121%203.80371L7.33398%200.384766L7.33496%200.383789C7.52276%200.179534%207.84299%200.163573%208.04883%200.352539L8.04883%200.353516Z%22%20fill%3D%22%236B6C6F%22%20stroke%3D%22%236B6C6F%22%20stroke-width%3D%220.426084%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  padding-right: 40px;
}

label.tipoDocumento-error {
  color: #f00;
  display: none;
}

.input-group-portar label {
  position: absolute;
  left: 8px;
  top: -3px;
  font-size: 14px;
  color: #0B9CEA;
  background: transparent;
  padding: 0 4px;
  transition: all 0.18s ease;
  pointer-events: auto;
  transform-origin: left top;
}

.input-group-portar select {
  width: 100%;
  padding: 20px 18px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 6px;
  border: 1px solid #ddd;
  color: #6B6C6F;
  box-sizing: border-box;
  outline: none;
}

.form-box {
  padding: 0 0 20px 0;
  border-radius: 12px;
  margin: 0 auto;
  width: 100%;
  max-width: 425px;
}

/*# sourceMappingURL=page-seleccion-documento.bundle.css.map*/