/* === Contenedor general del formulario === */
#forminator-module-1504 {
  padding: 30px !important;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
}

/* === Estilos para etiquetas de texto del formulario === */
#forminator-module-1504 .forminator-label {
  color: #042354;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

/* === Estilos para inputs, select y textarea === */
#forminator-module-1504 input.forminator-input,
#forminator-module-1504 select.forminator-select--field,
#forminator-module-1504 textarea.forminator-textarea {
  color: #042354;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  border-radius: 14px;
  border: 1px solid #DFDFE1;
}

/* Estilo especial para el botón de "Elegir archivo" */
#forminator-module-1504 input[type="file"] {
  font-family: 'Montserrat', sans-serif;
}

/* Asegura que la selección de país para el teléfono también respete los estilos */
#forminator-module-1504 .iti__tel-input {
  border-radius: 14px !important;
  border: 1px solid #DFDFE1 !important;
  color: #042354;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

/* Estilo para los textos del botón de envío */
#forminator-module-1504 .forminator-button {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

/* === Estilo general del área de subida === */
#forminator-module-1504 .forminator-file-upload {
  border: 2px dashed #d3d6dd;
  border-radius: 14px;
  padding: 40px;
  text-align: center;
  position: relative;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* === Ocultar el botón de archivo original === */
#forminator-module-1504 .forminator-file-upload input[type="file"] {
  display: none;
}

/* === Mostrar un icono de archivo personalizado === */
#forminator-module-1504 .forminator-file-upload::before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background-image: url('https://memoria.ludik.pe/wp-content/uploads/2025/04/f7_arrow-up-doc-upload-file.webp');
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 12px;
}

/* === Texto debajo del ícono === */
#forminator-module-1504 .forminator-file-upload span:not(.forminator-screen-reader-only) {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #042354;
}

/* === Estilo del botón de eliminar archivo subido (oculto por defecto) */
#forminator-module-1504 .forminator-file-upload .forminator-button-delete {
  margin-top: 15px;
  background: none;
  border: none;
  color: #ff4c4c;
  font-size: 12px;
  cursor: pointer;
}

#forminator-module-1504 .forminator-row {
  margin-bottom: 20px !important;
}


/* === Estilos personalizados para el botón de envío === */
#forminator-module-1504 .forminator-button-submit {
  background-color: #ADD754;
  border: none;
  border-radius: 10px;
  width: 100%;
  color: #042354;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  padding: 14px 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Hover opcional (más oscuro al pasar el mouse) */
#forminator-module-1504 .forminator-button-submit:hover {
  background-color: #9dc442;
}

/* === Estilos personalizados para el dropdown (select) === */
.forminator-ui#forminator-module-1504.forminator-design--default 
.forminator-select2 + .forminator-select 
.selection .select2-selection--single[role="combobox"] {
  background-color: #ffffff !important;
  border: 1px solid #DFDFE1 !important;
  border-radius: 14px !important;
  color: #042354 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 140% !important;
  height: 45px !important;
  padding: 0 12px !important;
  display: flex;
  align-items: center;
}


span.forminator-select-dropdown.forminator-custom-form-1504.forminator-dropdown--default.forminator-select-dropdown--below {
  background-color: #ffffff;
  border: 1px solid #DFDFE1;
  border-radius: 14px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
  padding: 8px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #042354;
  z-index: 9999;
}

/* Opciones internas del dropdown */
span.forminator-select-dropdown.forminator-custom-form-1504 .select2-results__option {
  padding: 10px 16px;
  cursor: pointer;
}

/* Hover de cada opción */
span.forminator-select-dropdown.forminator-custom-form-1504 .select2-results__option--highlighted {
  background-color: #F0F4EC; /* tono suave verdoso */
  color: #042354;
}

/* === Color del ícono cuando el dropdown está ABIERTO === */
#forminator-module-1504 .select2-container--open
.select2-selection__arrow [class*="forminator-icon-"]::before {
  color: #ADD754 !important;
}


.forminator-ui#forminator-module-1504.forminator-design--default 
.forminator-select2 + .forminator-select 
.selection .select2-selection--single[role="combobox"]:hover 
.select2-selection__arrow [class*="forminator-icon-"]::before {
  color: #ADD754 !important;
}



/* === Texto dentro del select === */
#forminator-module-1504 .select2-selection__rendered {
  color: #042354 !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}


.forminator-select-dropdown-container--open .forminator-custom-form-1504.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .forminator-select-dropdown-container--open .forminator-custom-form-1504.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected span:not(.forminator-checkbox-box) {
    background-color: #ADD754;
    color: #000;
}
