:root {
  --ffffff: #FFFFFF;
  --f1f2f8: #F1F2F8;
  --green-dark: #465A58;
  --gray: #595959;
  --303030: #303030;
  --1a1a1a: #1A1A1A;
  --orange-muted: #FFDCCB;
  --orange-light: #F78D78;
  --ff671d: #FF671D;
  --orange: #FF4D00;
  --b-body: #F4F5EB;
  --blue-light: #D6E5E2;
  --green-muted: #C2CDC3;
  --green-light: #A0AD8C;
  --70c0b1: #70C0B1;
}

/* FONT */
@font-face {  
  font-family: "book";
  src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.eot");
  src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.eot?#iefix") format("embedded-opentype"), url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.woff2") format("woff2"), url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
  
@font-face {
  font-family: "bold";
  src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.eot");
  src: url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.eot?#iefix") format("embedded-opentype"), url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.woff2") format("woff2"), url("https://portalbanregio.s3.amazonaws.com/assets/naranja/css/lineto-circular-pro-bold.woff") format("woff");
  font-weight: bold;
  font-style: bold;
}

/* BASE */

* {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-size: 16px;
  text-rendering: geometricPrecision;
  font-family: 'book', sans-serif;
  line-height: 1.2 !important;
}

body {
  color: #3E3E3E;
  min-height: 100vh;
  background-repeat: no-repeat;
  position: relative;
  background-color: var(--b-body) !important;
  font-family: 'book', sans-serif;
}

.color-white { color: white !important; }
.color-black { color: black !important; }
.color-gray { color: var(--gray) !important; }
.color-orange { color: var(--orange) !important; }
.color-orange-dark { color: var(--orange-dark); }
.bg-gray { background-color: var(--gray); }
.bg-green-dark { background-color: var(--green-dark); }
.bg-green-muted { background-color: var(--green-muted); }
.bg-green-light { background-color: var(--green-light); }
.bg-green-dark { background-color: var(--green-dark); }
.bg-orange-muted { background-color: var(--orange-muted); }
.bg-orange-light { background-color: var(--orange-light);}
.bg-blue-light { background-color: var(--blue-light); }

.bg-green-dark .color-white { opacity: .8;}
/* Utilities */
.mh-2 {
  height: 2rem;
  &.circled-icon {
    aspect-ratio: 1;
    border-radius: 50%;
    place-content: center;
    display: grid;
  }
}
.mh-3 {
  height: 3rem;
  &.circled-icon {
    aspect-ratio: 1;
    border-radius: 50%;
    place-content: center;
    display: grid;
  }
}
.mh-4 {
  height: 4rem;
  &.circled-icon {
    aspect-ratio: 1;
    border-radius: 50%;
    place-content: center;
    display: grid;
  }
}
.mh-8 {
  min-height: 8rem;
  &.circled-icon {
    aspect-ratio: 1;
    border-radius: 50%;
  }
}
.mh-16 {
  min-height: 16rem;
}
.h-100 {
  height: 100%;
}
.rounded-5 { border-radius: 1rem; }



/* Paddings */
@media screen and (min-width: 576px) {
  .py-sm-1 {
    padding-block: 1rem !important;
  }
  .py-sm-2 {
    padding-block: 2rem !important;
  }
  .py-sm-4 {
    padding-block: 4rem !important;
  }
  .py-sm-5 {
    padding-block: 5rem !important;
  }
  .py-sm-6 {
    padding-block: 6rem !important;
  }
  .py-sm-7 {
    padding-block: 7rem !important;
  }
  .py-sm-8 {
    padding-block: 8rem;
  }
}
/* Padding X */
/* .px-1 {
  padding-inline: 1rem !important;
}
.px-2 {
  padding-inline: 2rem !important;
}
.px-4 {
  padding-inline: 4rem !important;
}
.px-5 {
  padding-inline: 5rem !important;
}
.px-6 {
  padding-inline: 6rem !important;
}
.px-7 {
  padding-inline: 7rem !important;
}
.px-8 {
  padding-inline: 8rem !important;
} */
/* Padding Top */
/* .pt-1 {
  padding-top: 1rem;
}
.pt-2 {
  padding-top: 2rem;
}
.pt-6 {
  padding-top: 6rem;
}
.pt-7 {
  padding-top: 7rem;
}
.pt-8 {
  padding-top: 8rem;
} */
/* Padding XY */
.pxy-1 {
  padding-block: 1rem;
}
.pxy-2 {
  padding-block: 2rem;
}
.pxy-4 {
  padding-block: 4rem;
}
.pxy-6 {
  padding-block: 6rem;
}
.pxy-7 {
  padding-block: 7rem;
}
.pxy-8 {
  padding-block: 8rem;
}

/* Margin Top */
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}

/* Borders */
.border-1 {
  border: 1px solid;
}
.border-2 {
  border: 2px solid;
}
.border-3 {
  border: 3px solid;
}
.border-gray {
  border-color: #DDDDDD;
}
.border-green-dark {
  border-color: var(--green-dark) !important;
}
.border-green-muted {
  border-color: var(--green-muted) !important;
}
.bold {
  font-weight: bold;
}

.bg-orange {
  background-color: var(--orange);
}
.text-orange {
 color: var(--orange);
}
.btn {
  border-radius: 8rem;
}
.btn-orange {
  background-color: var(--orange);
  color: white;
}
.btn-orange:hover {
  background-color: var(--orange);
  color: white;
  opacity: .5 !important;
}
.btn.p-4 {
  font-size: 1.25rem;
  padding-inline: 4rem !important;
}
p, li, figcaption {
  text-wrap: pretty;
  max-width: unset;
}
ul {
  padding-left: 1.5rem;
}
li {
  list-style: initial;
}
/* Fonts */
.h1 {
  font-size: clamp(1.25rem, 10vw, 2rem) !important;
}
.h2 {
  font-size: clamp(1.15rem, 10vw, 1.15rem);
}
.h3 {
}
.text-body {
  font-size: clamp(.8rem, 10vw, 1rem);
}
small {
  font-size: .5rem;
  line-height: 1.4;
}
small * {
  line-height: 1px;
}
.display {
  font-size: clamp(3rem, 10vw, 5rem);
  line-height: 1;
}

/* Transitions */
.transition-200 {
  transition: all 200ms ease-in-out;
}
.transition-300 {
  transition: all 300ms ease-in-out;
}
.transition-600 {
  transition: all 600ms ease-in-out;
}


/* Footer */
footer .footer_logo img {
  height: 30px;
  display: block;
}
footer .footer_logo img + img { margin-top: 1rem;}
footer p {
  margin: 0;
}

footer .social-icons a {
  color: white;
  margin: 0 0.5rem;
  font-size: 1.5rem;
}
footer .icon--banregio_icon_box svg {
  max-width: 40px;
}

@media screen and (min-width: 700px) {
  .card-content {
    max-width: 780px;
  }
  .modal-custom {
    width: 780px;
    padding: 30px 30px;
  }
}

/* FORM */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: rgba(0,0,0,0.5);
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  z-index: 999;
}

#overlay.activate {
  opacity: 1;
  pointer-events: all;
}

.modal-custom {
  width: 100%;
  color: #000;
  border-radius: 15px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  text-align: center;
  z-index: 9999;
  transition: all 0.5 ease-in-out;
  max-height: 90svh;
}

.modal-custom.activate {
  transform: translate(-50%, -50%) scale(1);
  padding: 0px 5px 0px 5px;
  overflow-y: scroll;
}
body:has(.modal-custom.activate) {
  overflow-y: hidden;
}

.card-content {
  width: 100%;
  height: 100%;
  padding: 2rem 0px;
  border-radius: 15px;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 999;
}

.form-nuevas_sucursales {
  display: none;
}

.form-nuevas_sucursales.show {
  display: flex;
}

@media screen and (min-width: 700px) {
  .card-content {
    max-width: 780px;
  }
  .modal-custom {
    width: 780px;
    padding: 30px 30px;
  }
}

form h3 {
  font-family: 'book';
}

input.rfc {
  text-transform: uppercase;
}
.form-control,
.form-select {
  border: 1px solid #00000020;
  background: transparent;
  border-radius: 2rem;
}

.form-btn:disabled {
  cursor: default;
  background-color: #c3cfe3;
}

.formulario__checkbox {
  accent-color: var(--orange) !important;
}

.formulario__grupo-input {
 position: relative;
}

.formulario__label {
  display: block;
  cursor: pointer;
}

.formulario__input {
 width: 100%;
 background: #fff;
 border: 3px solid transparent;
 border-radius: 3px;
 height: 45px;
 line-height: 45px;
 padding: 0 40px 0 10px;
}

.info-icon {
  position: absolute;
  right: 10px;
  bottom: 0px;
  z-index: 2000;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  padding: 11px;
}

.info-box {
  position: relative;
  z-index: 2000;
  display: none;
  width: 200px;
  margin-top: 5px;
  font-size: 0.8rem;
  line-height: 1.4em;
  border-radius: 5px;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  content: attr(title);
}

.info-box.show {
  display: block;
}

.currencyinput {
  position: relative;
}

.currencyinput > p {
  color: grey;
  font-size: 14px;
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
  margin-left: 10px;
}

.currencyinput > input {
  padding-left: 25px;
  padding-right: 0;
}

.formulario__validacion-estado {
 position: absolute;
 right: 10px;
 bottom: 11px;
 z-index: 200;
 font-size: 16px;
 opacity: 0;
}
select + .formulario__validacion-estado {
  right: 35px;
}
.formulario__grupo-correcto .form-select {
  background-color: #e7f0fe;
}
.formulario__grupo-correcto .formulario__validacion-estado {
  color: #119200;
  opacity: 1;
}
.formulario__grupo-correcto .form-control,
.formulario__grupo-correcto select {
  border: 1px solid #119200;
}

.formulario__grupo-incorrecto .formulario__validacion-estado {
 color: #bb2929;
 opacity: 1;
}
.formulario__grupo-incorrecto .form-control,
.formulario__grupo-incorrecto select {
  border: 1px solid #bb2929;
  opacity: 1;
 }

.formulario__input-error {
 font-size: 12px;
 margin-bottom: 0;
 padding-top: 10px;
 display: none;
}

.formulario__input-error-activo {
 display: block;
}

.formulario__mensaje {
 height: 45px;
 line-height: 45px;
 background: #F66060;
 padding: 0 15px;
 border-radius: 3px;
 display: none;
}

.formulario__mensaje p b {
  font-family: 'book';
  font-size: 14px;
}

.formulario__mensaje-activo {
 display: block;
}

.formulario__mensaje-exito {
  display: none;
}

.formulario__mensaje-exito-activo {
  display: block;
}

.form-btn {
  font-family: 'book';
  cursor: pointer;
  color: #fff;
  background-color: #FF8000;
  border: none;
  border-radius: 54px;
  padding: 3px 30px;
  outline: none;
  font-size: 20px;
}

.form label {
  color:#000;
}

.close-modal {
  border: none;
  outline: none;
  background-color: transparent;
  color: #000;
  font-size: 2rem;
  position: absolute;
  top: 1.25rem;
  right: 1rem;
}

.card-header {
  background-color: transparent !important;
  border: none !important;
}

.card-content p,
.card-content option,
.card-content select,
.card-content input::placeholder {
  font-family: 'book';
  text-align: left;
}

.card-content input::placeholder,
.card-content option,
.card-content select {
  font-size: 14px;
  color: gray;
}

form h3 {
  font-family: 'book';
}

input.rfc {
  text-transform: uppercase;
}

.form-btn:disabled {
  cursor: default;
  background-color: #c3cfe3;
}

.formulario__checkbox {
  accent-color: #f06c15;
}

.formulario__grupo-input {
 position: relative;
}

.formulario__label {
  display: block;
  cursor: pointer;
}

.formulario__input {
 width: 100%;
 background: #fff;
 border: 3px solid transparent;
 border-radius: 3px;
 height: 45px;
 line-height: 45px;
 padding: 0 40px 0 10px;
}

.info-icon {
  position: absolute;
  right: 10px;
  bottom: 0px;
  z-index: 2000;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  padding: 11px;
}
.icon--close {
    width: 30px !important;
    height: 30px !important;
}
.info-box {
  position: relative;
  z-index: 2000;
  display: none;
  width: 200px;
  margin-top: 5px;
  font-size: 0.8rem;
  line-height: 1.4em;
  border-radius: 5px;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  content: attr(title);
}

.info-box.show {
  display: block;
}

.currencyinput {
  position: relative;
}

.currencyinput > p {
  color: grey;
  font-size: 14px;
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
  margin-left: 10px;
}

.currencyinput > input {
  padding-left: 25px;
  padding-right: 0;
}

.formulario__validacion-estado {
 position: absolute;
 right: 10px;
 bottom: 11px;
 z-index: 200;
 font-size: 16px;
 opacity: 0;
}

.formulario__grupo-correcto .formulario__validacion-estado {
  color: #119200;
 opacity: 1;
}

.formulario__grupo-incorrecto .formulario__validacion-estado {
 color: #bb2929;
 opacity: 1;
}

.formulario__input-error {
 font-size: 12px;
 margin-bottom: 0;
 padding-top: 10px;
 display: none;
}

.formulario__input-error-activo {
 display: block;
}

.formulario__mensaje {
 height: 45px;
 line-height: 45px;
 background: #F66060;
 padding: 0 15px;
 border-radius: 3px;
 display: none;
}

.formulario__mensaje p b {
  font-family: 'book';
  font-size: 14px;
}

.formulario__mensaje-activo {
 display: block;
}

.formulario__mensaje-exito {
  display: none;
}

.formulario__mensaje-exito-activo {
  display: block;
}

.form-btn {
  font-family: 'book';
  cursor: pointer;
  color: #fff;
  background-color: #FF8000;
  border: none;
  border-radius: 54px;
  padding: 3px 30px;
  outline: none;
  font-size: 20px;
}
.form label {
  color:#000;
}
.close-modal {
  border: none;
  outline: none;
  background-color: transparent;
  color: #000;
  font-size: 2rem;
}
.card-header {
  background-color: transparent !important;
  border: none !important;
}

.card-content p,
.card-content option,
.card-content select,
.card-content input::placeholder {
  font-family: 'book';
  text-align: left;
}

.card-content input::placeholder,
.card-content option,
.card-content select {
  font-size: 14px;
  color: gray;
}

/* TERMINOS  */
#term {
  cursor: pointer;
  font-size: 16px;
  color: #fff;
}
.terms {
  background-color: #ff671d;
  border-bottom: 1px solid #fff;
}
.terms-description {
  max-height: 0;
  font-size: 16px;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  transition: all 0.6s ease;
}
.terms-description.active {
  visibility: visible;
  max-height: 100%;
  opacity: 1;
  padding-top: 5px;
}
.terms-description p {
  font-family: 'book', sans-serif;
 color: #fff;
 font-size: 13px;
}
.bold {
  font-family: 'bold', sans-serif;
}
.leyendas {
font-family: 'book', sans-serif;
 color: #fff;
 font-size: 13px;
}


/* Specific */
.hero {
  height: auto;
  min-height: 430px;
  background-size: cover !important;
  background-position: center center !important;
  /* padding-top: 6rem; */
}
.hero .flex-column { gap: .5rem; }
.hero .block {
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  min-height: 380px;
}
.hero .block .inset {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .hero .col-md-8:has(.block:not(.active)) {
    max-width: 16.66666667%;
  }
}
@media screen and (max-width: 767px) {
  .hero .inset {
    display: flex;
    gap: 2rem;
    flex-direction: column;
  }
  .hero .block:not(.active) {
    overflow: visible;
  }
  .hero .block:not(.active) .bottom,
  .hero .block:not(.active) .top .profile,
  .hero .block:not(.active) .top h2 {
    display: none !important;
  }
  .hero .block .control {
    right: 1rem;
    bottom: unset;
    top: 50%;
    transform: translatey(-50%);
  }
  .hero .block .control i {
    transform: rotate(90deg);
  }
}

.hero .block .inset h2,
.hero .block .inset .bottom {
  width: max-content;
}
.hero .block.active .inset h2,
.hero .block.active .inset .bottom {
  width: 100%;
}
/* .hero .block .top,
.hero .block:not(.active) .top *:not(h1){
  opacity: 1;
} */
.hero .block.active {
  opacity: 1;
}
.hero .block {
  opacity: .8;
}
.hero .block.active .control {
  display: none !important;
}
.hero .control {
  right: 1rem;
  bottom: 1rem;
}
.hero .block:hover .control {
  transform: translateX(2px);
}
.hero .col-12:has(.block:not(.active)) .block {
  padding-inline: 0 !important;
}
.hero .col-12:has(.block:not(.active)) .h1 {
  transform: scale(.9);
}
.hero .block:hover {
  opacity: 1;
}
.hero .profile {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  right: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.block .fadeInAnimation {
  opacity: 0;
}
.active .fadeInAnimation {
  animation: fadeIn 400ms ease-in-out 100ms forwards;
}
.circled-icon {
  width: 48px;
  height: 48px;
  display: grid;
  object-position: center;
  place-items: center;
  border-radius: 50%;
}
.circled-30 {
  width: 30px;
  height: 30px;
}
.circled-icon.prev:hover {
  transform: translateX(-2px);
}
.circled-icon.next:hover {
  transform: translateX(2px);
}
.controls-container {
  position: sticky !important;
  top: 20px;
  z-index: 1031;
}
.controls-container .controls .links {
  background-color: var(--b-body) !important;
}
.content_switcher .controls .prev,
.content_switcher .controls .next {
  cursor: pointer;
}
.content_switcher .controls .disable {
  opacity: .3;
}
.content_switcher .controls .links {
  cursor: pointer;
}
.content_switcher .controls .links .link:hover {
  color: var(--orange) !important;
  /* font-weight: 600; */
}
.product_content:not(.active) {
  display: none !important;
}
.product_content.active {
  display: flex;
}
.fa {
  display: grid;
  place-self: center;
}
.section-heading .icon-arrow {
  height: fit-content;
  padding: .5rem !important;
}

#credito_hipotecario #características .title-box {
  min-height: 90px;  
  display: grid;
  place-content: center;
}
#credito_hipotecario #características .cel {
  display: flex;
  align-items: center;
  justify-content: center;
}

#credito_hipotecario #características .cel:has(i.circled-icon) {
  padding-block: 12px !important;
}
#credito_hipotecario #características .cel:not(.border-bottom):has(i.circled-icon) {
  padding-bottom: 0px !important;
}
.btn.bg-orange:hover {
  background-color: #FF671D;
  transform: scale(1.01);
}

  #características {
    .table-x-scroll {
      .cel:nth-child(3){
        padding-inline: 0 !important;
        height: 91px;
      }
    }
  }

@media screen and (max-width: 1200px) {
  .table-x-scroll {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
  }
  .table-x-scroll .col-sm-9 {
    min-width: max-content;
  }
  .sticky-xs-left {
    position: sticky;
    left: 1rem;
    width: calc(100vw - 5rem) !important;
  }
  #documentos_requeridos .box {
    border-left: 0 !important;
  }
  .hero .block .profile {
    position: relative !important;
    aspect-ratio: unset;
    right: unset;
  }
  .image_box {
    height: 45vw !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .hero .col-12:has(.block:not(.active)) .h1 {
    transform: scale(.9) rotate(90deg);
    transform-origin: 2.8rem 1.8rem;
  }
}
#preguntas_frecuentes .icon-arrow {
  padding: 0.3rem 0.4rem;
  width: 28px;
  height: fit-content;
}
#preguntas_frecuentes .icon-arrow img {
  width: 100%;
  height: fit-content;
}


@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: unset;
  }
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: unset;
  }
}
@media screen and (max-width: 575px) {
  form .d-flex {
    flex-direction: column;
    gap: 1rem !important;
  }
  #formulario__grupo__terminos .d-flex {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .modal-custom {
    max-width: 90vw;
  }
}
#ofertas .block .num {
  max-width: 50px;
}
select.form-select {
  background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/56b5c889-5ee7-49ea-8421-316f0769a18d.png), radial-gradient(var(--orange) 70%, transparent 72%);
  background-position: calc(100% - 12px) calc(16px), calc(100% - 6px) calc(6px);
  background-size: 12px 7px, 24px 24px;
  background-repeat: no-repeat;
  min-height: 38px;
}

select:focus {
  background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/90f47e72-220d-49d7-b3ff-5c68b6fef256.png), radial-gradient(var(--orange-light) 70%, transparent 72%);
  background-position: calc(100% - 11px) calc(11px), calc(100% - 6px) calc(5px);
  background-size: 14px 14px, 24px 24px;
  background-repeat: no-repeat;
}

/* Prefixes */
select.form-select {
  -webkit-background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/b721d1c3-5cf0-487d-867b-868a55b3ed63.png), -webkit-radial-gradient(var(--orange) 70%, transparent 72%);
  -moz-background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/b721d1c3-5cf0-487d-867b-868a55b3ed63.png), -moz-radial-gradient(var(--orange) 70%, transparent 72%);
  -ms-background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/b721d1c3-5cf0-487d-867b-868a55b3ed63.png), -ms-radial-gradient(var(--orange) 70%, transparent 72%);
  -o-background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/b721d1c3-5cf0-487d-867b-868a55b3ed63.png), -o-radial-gradient(var(--orange) 70%, transparent 72%);
}

select:focus {
  -webkit-background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/b721d1c3-5cf0-487d-867b-868a55b3ed63.png), -webkit-radial-gradient(var(--orange-light) 70%, transparent 72%);
  -moz-background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/b721d1c3-5cf0-487d-867b-868a55b3ed63.png), -moz-radial-gradient(var(--orange-light) 70%, transparent 72%);
  -ms-background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/b721d1c3-5cf0-487d-867b-868a55b3ed63.png), -ms-radial-gradient(var(--orange-light) 70%, transparent 72%);
  -o-background-image: url(https://image.hola.banregio.com/lib/fe4215707564057b751673/m/1/b721d1c3-5cf0-487d-867b-868a55b3ed63.png), -o-radial-gradient(var(--orange-light) 70%, transparent 72%);
}
.formulario-campo {
  width: 100%;
}