#confirmation-modal-content{
    text-align: center;
}

#confirmation-modal-content p{
    margin-top: 25px;
    font: normal normal 500 16px / 24px Nunito Sans;
    letter-spacing: 0px;
    color: #4b4b4b;
    opacity: 1;
    margin-bottom: 35px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front{
    border-radius: 12px;
}

.button-close{
    justify-content: center;
    display: flex;
}

.webform-modal-close-button{
    box-shadow: inset 0 0 0 2px #F4BF00;
    background-color: #fff;
    font-size: 1rem !important;
    font-weight: bold !important;
    letter-spacing: 0 !important;
    color: #4B4B4B !important;
    opacity: 1 !important;
    background-image: unset !important;
    padding: 0.5rem 0 !important;
    border-radius: 10px !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
    width: 10em !important;
    margin-right: 0.5rem;
}

html:not(.focus-ready) .webform-modal-close-button:focus-visible {
  outline: none !important;
}

html.focus-ready .webform-modal-close-button:focus-visible {
  outline: 2px solid #F4BF00 !important;
}

.webform-modal-close-button:hover{
    background-color: #F4BF00;
}

.ui-dialog .ui-dialog-titlebar{
    display: none;
}

.ui-dialog .ui-dialog-content{
    padding: 3.5em 3em !important;
}

#edit-container-formulario-estamos-para-ayudarte{
    margin-top: 40px;
}

#edit-container-form,
#edit-container-formlario-1{
    width: 50%;
}

#edit-container-formulario{
    display: flex;
    flex-direction: row;
    gap: 200px;
}

.text-count-wrapper{
    display: none !important;
}

.js-form-item.js-form-type-select.form-type-select {
    margin-bottom: 30px !important;
}

#edit-container-politicas-de-privacidad-y-proteccion {
    margin-bottom: 2.5rem !important;
}

.form-textarea-wrapper textarea{
     height: 160px;
}

.js-form-required{
    display: flex;
    flex-direction: row;
    width:280px;
    font-size: 17px !important;
    font-weight: bold;
    margin-bottom: 10px;
}

.form-required::after{
    margin-left: 10px;
}

.js-form-item.js-form-type-textfield {
    margin-bottom: 30px !important;
}

.js-form-item.js-form-type-email{
    margin-bottom: 30px !important;
}

.js-form-item.js-form-type-number.form-type-number{
    margin-bottom: 30px !important;
}

.js-form-item.js-form-type-textarea.form-type-textarea.js-form-item-mensaje{
    font-size: 17px !important;
    font-weight: bold;
}

form .form-actions{
    display: flex;
    margin-bottom: 4rem !important;
}

.webform-button--submit {
    background-color: #fff;
    border: 2px solid #f4bf00;
    color: #4b4b4b;
    min-width: 160px;
    padding: 10px;
    font-weight: 500;
}

.webform-button--submit:hover {
   background-color: #f4bf00;
   border: 2px solid #f4bf00; /* Mantener el mismo borde */
   color: #fff;
   cursor: pointer;
   transition: all 0.3s ease;
}

.form-control{
    border: 3px solid var(--bs-border-color);
}

.form-select{
   border: 3px solid var(--bs-border-color);
}

@media (max-width: 980px){
  #edit-container-formulario {
      display: flex;
      flex-direction: column;
      gap: 20px
   }
   
   #edit-container-form,
   #edit-container-formlario-1{
     width: 100%;
  }
   
  .form-control{
    width: 100%;
  }
  
  .form-select{
    width: 100%;
  }
  
  .js-form-item.js-form-type-select.form-type-select{
    margin-bottom: 30px !important;
    width: 100%;
  }
  
}