.inscripcion-section {
  background: linear-gradient(135deg,#1f4a6e,#173955);
  padding: 70px 0;
}

.inscripcion-header {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.inscripcion-logo {
  width: 70px;
  height: 70px;
  margin-right: 15px;
}

.inscripcion-titulo {
  color: #fff;
  font-size: 42px;
  letter-spacing: 1px;
  margin: 0;
}

/* CARD PRINCIPAL */

.inscripcion-card {
  background-color: #d9d9d9;
  border-radius: 20px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.15);
  color: #1f4a6e;
  margin: auto;
  max-width: 1036px;
  padding: 40px;
}

/* RECUADRO DEL FORMULARIO */

.inscripcion-formulario {
  background: #ffffff;
  border-radius: 15px;
  border: 1px solid #e5e5e5;
  padding: 30px;
  margin-bottom: 35px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* SUBTITULO */

.inscripcion-subtitulo {
  margin-bottom: 15px;
  font-weight: 600;
}

/* TABLA DOCUMENTOS */

.tabla-documentos {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.tabla-documentos th {
  background-color: #f1f4f7;
  font-weight: 600;
}

/* BOTON DESCARGAR */

.btn-descargar {
  background-color: #1f4a6e;
  border-radius: 20px;
  color: #fff;
  padding: 6px 18px;
  text-decoration: none;
  font-size: 14px;
  transition: all .2s ease;
}

.btn-descargar:hover {
  background-color: #163a55;
  color: #fff;
}

/* FOOTER */

.inscripcion-footer {
  margin-top: 40px;
  text-align: center;
}

/* BOTON CORREO */

.btn-correo {
  background-color: #1f4a6e;
  border-radius: 40px;
  color: #fff;
  display: inline-block;
  padding: 12px 35px;
  text-decoration: none;
  font-weight: 600;
  transition: all .2s ease;
}

.btn-correo:hover {
  background-color: #163a55;
  transform: translateY(-2px);
  color: #fff;
}

/* INSTRUCTIVO */

.inscripcion-instructivo {
  color: #333;
  font-size: 14px;
  margin-top: 20px;
  text-align: left;
}

.inscripcion-instructivo ul {
  margin-top: 8px;
}

/* FORMULARIO */

.webform-bootstrap {
  max-width: 850px;
  margin: auto;
}

.webform-bootstrap .webform-submission-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* LABELS */

.webform-bootstrap label {
  font-weight: 600;
  color: #1f4a6e;
  margin-bottom: 6px;
}

/* INPUTS */

.webform-bootstrap input,
.webform-bootstrap textarea,
.webform-bootstrap select {

  width: 100%;
  border-radius: 8px;
  border: 1px solid #ced4da;
  padding: 10px 14px;
  font-size: 15px;
  transition: all .2s ease;

}

.webform-bootstrap textarea {
  min-height: 120px;
  resize: vertical;
}

/* FOCUS */

.webform-bootstrap input:focus,
.webform-bootstrap textarea:focus,
.webform-bootstrap select:focus {

  border-color: #1f4a6e;
  box-shadow: 0 0 0 0.2rem rgba(31, 74, 110, 0.15);
  outline: none;

}

/* CHECKBOX Y RADIO */

.webform-bootstrap .form-checkboxes,
.webform-bootstrap .form-radios {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* ERRORES */

.webform-bootstrap .form-item--error-message {
  color: #dc3545;
  font-size: 13px;
  margin-top: 4px;
}

.webform-bootstrap input.error,
.webform-bootstrap textarea.error,
.webform-bootstrap select.error {
  border-color: #dc3545;
}

/* BOTON FORM */

.webform-bootstrap .form-actions {
  margin-top: 20px;
  text-align: center;
}

.webform-bootstrap .form-actions input,
.webform-bootstrap .form-actions button {

  background-color: #1f4a6e;
  border: none;
  border-radius: 40px;
  padding: 12px 35px;
  font-size: 16px;
  font-weight: 600;
  color: white;
  transition: all .2s ease;

}

.webform-bootstrap .form-actions input:hover,
.webform-bootstrap .form-actions button:hover {

  background-color: #163a55;
  transform: translateY(-2px);

}

/* CONFIRMACION */

.webform-bootstrap .webform-confirmation {

  background: #e8f3ff;
  border-left: 4px solid #1f4a6e;
  padding: 18px;
  border-radius: 6px;
  margin-top: 20px;

}

/* PROGRESO WIZARD */

.webform-bootstrap .webform-progress {
  margin-bottom: 20px;
}

/* REQUIRED */

.webform-bootstrap .form-required::after {
  content: " *";
  color: #dc3545;
}