/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/validar-correo/validar-correo.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* nuevo code INIT */
.backgroundESIMSV {
  background-color: var(--color-azul-movistar);
  padding-top: 90px;
  padding-bottom: 90px;
}

.paso-1 .input-group-text,
.paso-2 .input-group-text {
  background: transparent;
  border: 0px;
  color: var(--color-blanco-movistar);
  border-top-left-radius: 8px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0px;
  border-left: 2px solid #ffffff;
  border-right: none;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.input-group-text svg {
  color: white;
  /* o usa tu variable personalizada */
  font-size: 2.5rem;
  /* aumenta el tamaño del ícono */
  width: 34px;
  height: 34px;
}

/* Si usás una clase como .paso-1 o .paso-2 */
.paso-1 .input-group-text svg,
.paso-2 .input-group-text svg {
  color: var(--color-blanco-movistar);
  /* si ya tenés esta variable */
  font-size: 2.5rem;
  width: 34px;
  height: 34px;
}

/* .paso-1 input[type='tel'],
.paso-2 input[type='text'] {
    border: 0px;
    outline: none;
    background: transparent;
    border: 0px;
    color: var(--color-blanco-movistar);
    border-top-right-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-left: none;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}
 */
.paso-1 input[type=email] {
  width: 240px;
  border: 0px;
  outline: none;
  /* font-weight: bold; */
  background: transparent;
  border: 0px;
  color: var(--color-blanco-movistar);
  border-top-right-radius: 8px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-left: none;
  border-right: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.paso-2 .input-group-text svg {
  padding-right: 10px;
}

.paso-1 input::-moz-placeholder, .paso-2 input::-moz-placeholder {
  color: white !important;
  opacity: 1;
}

.paso-1 input::placeholder,
.paso-2 input::placeholder {
  color: white !important;
  opacity: 1;
}

.paso-1 .input-group,
.paso-2 .input-group {
  justify-content: center;
}

label.error {
  color: var(--color-blanco-movistar);
}

label.info {
  color: var(--color-blanco-movistar);
}

.msg span {
  background: var(--color-purpura-movistar);
  padding: 10px 15px;
  color: var(--color-blanco-movistar);
  border-radius: 6px;
}

.paso-1 .wp-block-buttons.is-layout-flex.is-content-justification-center,
.paso-2 .wp-block-buttons.is-layout-flex.is-content-justification-center {
  margin-top: 20px;
  margin-bottom: 20px;
}

.paso-1 span.recodigo,
.paso-2 span.recodigo {
  width: 281px;
  display: block;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 22px;
}

span.reenviar-codigo {
  color: var(--color-azul-movistar);
  cursor: pointer;
}

span.reenviar-codigo:hover {
  color: var(--color-azul-claro-movistar);
}

span.reenviar-codigo {
  color: var(--color-azul-movistar);
  cursor: pointer;
}

/* nuevo code INIT */
.pasos-movilc .titulo-normal {
  color: white;
  font-weight: 300;
  font-size: clamp(1.2rem, 2.5vw, 2rem);
}

.pasos-movilc .titulo-normal-p {
  color: white;
  /* font-weight: ; */
}

.pasos-movilc .titulo-brillante {
  color: white;
  font-weight: 900;
  font-size: clamp(3.5rem, 8vw, 7.5rem);
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.7), 0 0 5px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.9);
}

.pasos-movilc .wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color {
  /* width: 260px;
  max-width: 260px; */
  border-radius: 8px;
  background: var(--color-blanco-movistar);
  color: var(--color-azul-movistar);
}

.pasos-movilc .wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color:hover,
.pasos-movilc .wp-block-button .wp-block-button__link.has-azul-movistar-color-background:hover,
.pasos-movilc .wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color:first-child:active {
  background: var(--color-blanco-movistar);
  color: var(--color-azul-movistar);
}

.pasos-movilc .wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color.button-disabled {
  /* width: 260px;
  max-width: 260px; */
  border-radius: 8px;
  background: var(--color-azul-claro-movistar);
  color: var(--color-azul-movistar);
}

.pasos-movilc .wp-block-buttons > .wp-block-button {
  display: inline-block;
  width: 300px;
  max-width: 300px;
  margin: 0;
}

.pasos-movilc .wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color.button-disabled:hover,
.pasos-movilc .wp-block-button .wp-block-button__link.has-azul-movistar-color-background:hover,
.pasos-movilc .wp-block-button .wp-block-button__link.has-color-azul-movistar-background-color.button-disabled:first-child:active {
  background: var(--color-azul-claro-movistar);
  color: var(--color-azul-movistar);
}

/* .pasos-movilc #numeroTel::placeholder {
    color: var(--color-azul-claro-movistar) !important;
    opacity: 1;
} */
.pasos-movilc #correoESIM::-moz-placeholder {
  color: var(--color-azul-claro-movistar) !important;
  opacity: 1;
}
.pasos-movilc #correoESIM::placeholder {
  color: var(--color-azul-claro-movistar) !important;
  opacity: 1;
}

.pasos-movilc .numero-input-wrapper {
  display: flex;
  gap: 10px;
  padding: 20px;
  justify-content: center;
  border-radius: 8px;
}

.pasos-movilc .numero-box {
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 28px;
  border: 2px solid white;
  border-radius: 8px;
  background-color: transparent;
  color: white;
}

.pasos-movilc .numero-box::-moz-placeholder {
  color: white;
}

.pasos-movilc .numero-box::placeholder {
  color: white;
}

.pasos-movilc .numero-box:focus {
  outline: none;
  border: 2px solid #ffffff;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
}

.pasos-movilc .msg:not(:empty) {
  /* background: var(--color-purpura-movistar); */
  color: var(--color-blanco-movistar);
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  margin-top: 22px;
  /* max-width: 200px; */
}

.pasos-movilc .msg:not(:empty) {
  max-width: 15%;
  background: var(--color-purpura-movistar);
  color: var(--color-blanco-movistar);
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  margin: 22px auto 0;
}

/* nuevo code END  */

/*# sourceMappingURL=validar-correo.bundle.css.map*/