.modulo-form-crecer-empresa .container{
  background-color: transparent;
  border-radius: 10px;
  box-shadow: 0 14px 28pxrgba(0,0,0,.25),0 10px 10pxrgba(0,0,0,.22);
  position: relative;
  overflow: visible;
  width: 100%;
  max-width: 100%;
  min-height: 745px;
  box-shadow: none!important;  
}

.modulo-form-crecer-empresa .formulario-de-contacto {
    max-width: 1880px;
    padding-right: 0;
    padding-left: 0;
}

.modulo-form-crecer-empresa .form-container {
    position: absolute;
    top: 0;
    height: 100%;
    transition: all .6s ease-in-out;
}

.modulo-form-crecer-empresa .sign-in-container {
  left: 0;
  width: 49.5%;
  z-index: 4;
  height: 85%;
  top: 57px;
  border-radius: 26px;
  background-size: cover!important;
  background-repeat: no-repeat!important;
  box-shadow: 7px 7px 35px 5px rgb(0 0 0 / 18%);
  border: 5px solid #FFFFFF;
}

.modulo-form-crecer-empresa .sign-up-container {
    left: 0;
    width: 49.5%;
    z-index: 3;
    height: 85%;
    top: 57px;
    border-radius: 26px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    box-shadow: 7px 7px 35px 5px rgb(0 0 0 / 18%);
    border: 5px solid #fff;
    opacity: 0;
    animation: show .6s;
}

.modulo-form-crecer-empresa .overlay-panel {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    text-align: center;
    top: 0;
    height: 100%;
    width: 50%;
    transform: translateX(0);
    transition: all .6s ease-in-out;
}

.modulo-form-crecer-empresa .overlay-left {
  transform: translateX(102%);
  background: #fff;
  height: 85%;
  top: 57px;
  width: 49.5%!important;
  left: 0;
  border-radius: 21px;
  box-shadow: 7px 7px 35px 5px rgb(0 0 0 / 18%);
  border: 5px solid #fff;
  opacity: 0;
  z-index: 1;
  transition: all .6s ease-in-out;
}

.modulo-form-crecer-empresa .fondo-de-tarjeta{
  width: 100%;
  height: 540px;
  min-height: 625px;
  justify-content: center;
}

.modulo-form-crecer-empresa .overlay-right{
  padding: 0;
  transform: translateX(0);
  width: 49.5%;
  z-index: 2;
}

.modulo-form-crecer-empresa .hs-form select.hs-input {
  text-align:left!important;
}

.modulo-form-crecer-empresa .hs-form input, .modulo-form-crecer-empresa .hs-form select {
  width: 100%;
  height: 30px;
  border: 1px #000;
  border-radius: 5px;
  background-color: #e6e6e6;
}

.modulo-form-crecer-empresa .hs-form select{
  padding-left: 10px!important;
}

.modulo-form-crecer-empresa .formUno {
    width: 60%;
    margin: 0 auto;
    position: absolute;
    bottom: 40px;
    left: 19%;
    color: #fff;
    font-size: 15px;
}

.modulo-form-crecer-empresa .titulo-area.justificado{
  /*font-size: 30px;*/
  max-width: 350px;
  /*text-transform: uppercase;*/
}

.modulo-form-crecer-empresa .textogeneral.formulario{
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: center;
}

.modulo-form-crecer-empresa .hs-form textarea{
  resize: none;
  width: 100%;
  height: 30px;
  border: 1px #000;
  border-radius: 5px;
  background-color: #e6e6e6;
}

.modulo-form-crecer-empresa form ul{
    margin-bottom: 0;
    padding-left: 0;
}

.modulo-form-crecer-empresa form ul li{
  color: #f7f7f7;
}


.modulo-form-crecer-empresa form .hs-error-msg {
    color: #f4364c;
    position: absolute;
    display: inline-block;
    line-height: 0px;
}

.hs-main-font-element {
  color: #f4364c !important;
  /*position: absolute;
  display: inline-block;
  line-height: 0px;*/
}

.submitted-message {
  margin-top: 30px;
  align-items: center;
  font-size: 20px;
  position: relative;
  color: #f07e30 !important;
}

.modulo-form-crecer-empresa .hs_submit.hs-submit{
  margin-top: 0;
}

.modulo-form-crecer-empresa .hs_submit.hs-submit input.hs-button.primary.large{
  height: 40px;
  margin-top: 20px;
  padding: 0 40px 0;  
  background-color: #f07e30;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  cursor: pointer;
}

.modulo-form-crecer-empresa .boton-extra-movile,
.modulo-form-crecer-empresa .boton-extra-movile-2{
  display: none;
}

/* ANIMACIONES */
.modulo-form-crecer-empresa .container.right-panel-active .sign-in-container {
    transform: translateX(102%);
}

.modulo-form-crecer-empresa .container.right-panel-active .overlay-right {
    transform: translateX(-102%);
}

.modulo-form-crecer-empresa .container.right-panel-active .overlay-panel{
  z-index: 1;
}

.modulo-form-crecer-empresa .container.right-panel-active .overlay-left{
  transform: translateX(0);
  opacity: 1;
  z-index: 2;
  
  -webkit-animation: fadeBehindModuleForm .6s;
  -moz-animation: fadeBehindModuleForm .6s;
  -o-animation: fadeBehindModuleForm .6s;
  animation: fadeBehindModuleForm .6s;
}

.modulo-form-crecer-empresa .container.right-panel-active .sign-up-container {
    transform: translateX(102%);
    opacity: 1;
    z-index: 5;
    animation: show 0.6s;
}

/**mh 2022-07-06**/
.modulo-form-crecer-empresa .formUno h2 div {
    font-size: 16px;
} 

.formulario-de-contacto .overlay-panel .w-form form {
    text-align: left;
}

.formulario-de-contacto .overlay-panel .w-form .hs_lastname {
    display: none;
}

.formulario-de-contacto .overlay-panel .w-form input::placeholder, 
.formulario-de-contacto .overlay-panel .w-form textarea::placeholder,
.formulario-de-contacto .overlay-panel .w-form select{
    color: #0A294E;
    font-size: 12px;
}

.formulario-de-contacto .w-form .hs_submit input,
.formulario-de-contacto .w-form .hs_submit select{
    width: 55%;
}

.formulario-de-contacto .w-form .hs_submit input:hover,
.formulario-de-contacto .w-form .hs_submit select:hover,{
    font-weight: bold;
    height: 42px !important;
    width: 56%;
    margin-top: 18px !important;
}

.formulario-de-contacto .overlay-panel .w-form .field {
    margin-bottom: 2px; /*10px*/
}

.formulario-de-contacto textarea {
    padding: 5px 15px;
}

.formulario-de-contacto {
    display: flex;
    justify-content: center;
}

.formulario-de-contacto .container {
    width: 90%;
}

 a.submit-button-2.w-button.bt3.ghost:hover {
    background-color: #F07E30 !important;
    color: #FFFFFF !important;
    font-weight: bold;
    border: 2px solid white !important;
}

.formulario-de-contacto .overlay-left h1 {
    font-size: 20px;
    color: #0A294E;
}
.formulario-de-contacto .overlay-left .tituloUnique {
    font-size: 20px;
    color: #0A294E;
}
.formulario-de-contacto .overlay-left p {
    font-size: 10px;
    color: #808080;
    line-height: normal;
}

.formulario-de-contacto .formUno .submit-button-2 {
    font-size: 12px;
}

.form-container.sign-in-container {
    background-position: 45% 0% !important;
}

.formulario-de-contacto .overlay-left #signIn {
    font-size: 10px;
    width: 45%;
}

.formulario-de-contacto .right-panel-active .overlay-left {
    /*display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;*/
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
}

.formulario-de-contacto .overlay-right .hs-button {
    border: white solid 2px;
    box-shadow: #00000029 0px 3px 6px;
}
a.submit-button-2.w-button.bt3.ghost input {
    background: transparent;
}
a.submit-button-2.w-button.bt3.ghost {
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
input#signIn {
    padding: 0 !important;
}
h3.titulo-area.justificado {
    min-height: 60px;
}
a.submit-button-2.w-button.bt3.ghost {
  background-color: #F07E30 !important;
  color: #fff !important;
  width: 100%;
}
input#signIn {
    font-size: 12px !important;
}


.modulo-form-crecer-empresa .hs_submit.hs-submit .actions {
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center;
}



/**mh 2022-07-06**/

@-webkit-keyframes fadeBehindModuleForm,
@-moz-keyframes fadeBehindModuleForm,
@-o-keyframes fadeBehindModuleForm,
@keyframes fadeBehindModuleForm{
  
  /*0%{
    z-index: 1;
    transform: translateX(102%);
  }*/
  
  0%, 49.99% {
    opacity: 0;
    z-index: 1;
  }
	
	50%, 100% {
    opacity: 1;
    z-index: 2;
  }
}

@keyframes show {
	0%, 49.99% {
		opacity: 0;
		z-index: 1;
	}
	
	50%, 100% {
		opacity: 1;
		z-index: 5;
	}
}

.sign-up-container {
    background-position: 50% 0%;
}

.overlay-right h3.titulo-area.justificado-2 {
  max-width: fit-content !important; /* Ajusta el ancho máximo según el contenido */
  margin: 0 auto; /* Centra horizontalmente */
  text-align: center !important; /* Alinea el texto al centro */
  display: flex; /* Usa flexbox para centrar verticalmente */
  justify-content: center; /* Centra verticalmente */
  align-items: center; /* Centra verticalmente */
}

/*
right-panel-active
*/

/* ---------RESPONSIVE--------*/
@media (max-width: 1600px){
  .modulo-form-crecer-empresa input#signUp,
  .modulo-form-crecer-empresa input#signIn{
    width: 100%;
    padding: 0 0;
  }
  
}

@media (max-width: 1450px){
  .modulo-form-crecer-empresa input#signUp {
    width: 100%;
  }
}

@media (min-width: 1300px){
  .overlay-right h3.titulo-area.justificado-2 {
    max-width: fit-content !important;
    margin-bottom: 3px;
  }
}


@media (max-width: 1290px){
  .modulo-form-crecer-empresa .formUno {
    width: 70%;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 40px;
    left: 17%;
    text-align: center;
    color: #fff;
    font-size: 15px;
  }
}
@media (max-width: 991px){
      .modulo-form-crecer-empresa .hs_submit.hs-submit input.hs-button.primary.large {
          max-width: none !important;
      }
      .modulo-form-crecer-empresa .hs-form input,.modulo-form-crecer-empresa .hs-form textarea, .modulo-form-crecer-empresa .hs-form select {
          width: 100%;
      }
      input.hs-button.primary.large {
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 auto;
      }
      .form-container.sign-in-container {
          display: none !important;
      }
      .container {
          display: block !important;
      }
    .btn-form-redirect{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
        width: 55% !important;
        background-color: transparent !important;
        color: #f07e30 !important;
        cursor: pointer !important;
        padding: 0 !important;
        border: 0px solid #fff !important;
        text-decoration: underline !important;
        margin-top: 35px !important;
    }
  .form-container.sign-up-container {
      display: none !important;
  }
    a.submit-button-2.w-button.bt3.ghost {
        background-color: #f07e30 !important;
        color: #fff !important;
    }
}
@media (max-width: 425px){
  .modulo-form-crecer-empresa .fondo-de-tarjeta{
    /*height: 800px !important;*/
    height: max-content !important;
    min-height: auto !important;
  }
  
  /*.modulo-form-crecer-empresa .overlay-panel{
    top: 26px !important;
  }*/
  
  .modulo-form-crecer-empresa input#signIn{
    font-size: 12px !important;
  }
  
  .modulo-form-crecer-empresa .container .overlay-left{
    height: 100% !important;
    padding: 0 20px !important;
  }
  
  .modulo-form-crecer-empresa .hs-form input,
  .modulo-form-crecer-empresa .hs-form textarea,
  .modulo-form-crecer-empresa .hs-form select{
    width: 100% !important;
  }
  
  .formulario-de-contacto .w-form .hs_submit input {
      width: 100% !important;
  }

  .formulario-de-contacto .w-form .hs_submit input:hover {
      width: 100% !important;
  }
}

@media (max-width: 365px){
  /*.modulo-form-crecer-empresa .container .overlay-left,
  .modulo-form-crecer-empresa .container .overlay-right{
    height: 740px !important;
  }*/
  
  .modulo-form-crecer-empresa {
    margin-bottom: 70px !important;
  }
  
  .formulario-de-contacto .overlay-right .hs-button {
      height: 44px !important;
      line-height: 1.2 !important; 
  }
  
  .formulario-de-contacto .w-form .hs_submit input:hover {
      height: 45px !important;
  }
  
  .overlay-right {
      top: 60px !important;
  }
}

/*@media (max-width: 280px){
  
  .modulo-form-crecer-empresa {
    margin-bottom: 15px;
  }
}*/

@media (max-width: 991px){
  .container {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 540px 540px;
      grid-row-gap: 10px;
  }

  .sign-in-container {
      grid-row-start: 1;
      grid-row-end: 1;
      width: 100% !important;
      height: 100% !important;
  }

  .form-container {
      top: 0 !important;
  }

  .sign-up-container {
      grid-row-start: 2;
      grid-row-end: 2;
      width: 100% !important;
      height: 100% !important;
  }

  .overlay-panel.overlay-left {
      grid-row-start: 1;
      grid-row-end: 2;
      width: 100% !important;
      height: 100% !important;
      top: 0;
  }

  .overlay-right {
      grid-row-start: 2;
      grid-row-end: 3;
      width: 100% !important;
      height: 100% !important;
  }
  
  .modulo-form-crecer-empresa .container.right-panel-active .sign-in-container {
      transform: translateX(110%);
  }
  
  .modulo-form-crecer-empresa .container.right-panel-active .sign-up-container {
      transform: none;
  }
  
  .modulo-form-crecer-empresa .container.right-panel-active .overlay-right {
      transform: translateX(-110%);
  }
  
  .formulario-de-contacto .overlay-left,
  .formulario-de-contacto .sign-up-container {
      display: none;
  }

  .formulario-de-contacto .right-panel-active .overlay-left,
  .formulario-de-contacto .right-panel-active .sign-up-container {
      display: block;
  }

  .formulario-de-contacto .right-panel-active .sign-in-container {
      display: none;
  }
}

@media (max-width: 381px){
  .formulario-de-contacto input[type="submit"] {
      white-space: normal;
  }
  
  .formulario-de-contacto .container {
      width: 100% !important;
  }
  
  /*.container > div {
      height: 540px !important;
  }*/
  
  .container {
      grid-template-rows: 540px 590px !important;
  }
  
  /*.overlay-right {
      top: 60px !important;
  }*/
  
}

@media (max-width: 791px){
  .sign-in-container {
      background-position: 30% 0% !important;
  }
}

@media(max-width: 574px){
  .formulario-de-contacto .w-form .hs_submit input {
      width: 75%;
  }
  
  .formulario-de-contacto .w-form .hs_submit input:hover {
      width: 76%;
  }
}
@media(max-width: 350px){
div#container {
    margin-bottom: 52px !important;
}
}


{#
@media (max-width: 1210px){
  /*.modulo-form-crecer-empresa {
    margin-bottom: 500px;
  }*/
  
  /*.modulo-form-crecer-empresa .sign-in-container, 
  .modulo-form-crecer-empresa .sign-up-container {
    /*width: 100%;
    transform: translateY(0);
    display: none;
  }*/
  
  /*.modulo-form-crecer-empresa .container .overlay-right{
    width: 100%!important;
    /*transform: translateY(85%);
    transform: translateY(0);
  }*/
  
  .modulo-form-crecer-empresa .overlay-left{
    width: 100%!important;
    transform: translateY(0);
    height: 92.4%;
    top: 26px;
    opacity: 0;
  }
  
  /*.modulo-form-crecer-empresa .fondo-de-tarjeta{
    height: 620px;
  }
  
  .modulo-form-crecer-empresa .boton-extra-movile{
    display: unset;
    text-decoration: underline;
  }
  */
  .modulo-form-crecer-empresa .boton-extra-movile-2{
    display: unset;
    text-decoration: underline;
    margin-top: 40px;
  }
  
  /* ANIMACION */
  .modulo-form-crecer-empresa .container.right-panel-active .overlay-right,
  .modulo-form-crecer-empresa .container.right-panel-active .overlay-left{
    transform: translateY(0);
    opacity: 1;
  }
  
  /*.modulo-form-crecer-empresa .container.right-panel-active .sign-in-container, 
  .modulo-form-crecer-empresa .container.right-panel-active .sign-up-container {
    transform: translateY(105%);
  }*/
}
#}


/*cometarios sergio - M*/

@media (min-width: 300px) {
    .hs_submit.hs-submit input.hs-button.primary.large {
        min-width: max-content !important;
    }
}



input.hs-button.primary.large {
    font-size: 12px !important;
}


@media(max-width:1250px){
 .modulo-form-crecer-empresa {
    margin: auto 20px;
} 
}