/* Oculta el título del fieldset "Campos Persona Jurídica" */
#edit-datos-persona-juridica .webform-section-title {
  display: none;
}
#edit-tipo-de-documento--wrapper {
    display: flex !important;
    flex-flow: row wrap !important;     /* Dirección: fila, con ajuste de línea */
    align-items: baseline !important; /* Alinea el texto del título con el texto de las opciones */
    border: none !important;          /* Oculta el borde del <fieldset> */
    padding: 0 !important;            /* Quita el padding del <fieldset> */
    margin-bottom: 1rem !important;   /* Restaura un margen inferior (mb-4 de Bootstrap) */
  }

  /* 2. Apunta a la <legend> (el título) para que se comporte */
  #edit-tipo-de-documento--wrapper > legend {
    width: auto !important;           /* Ancho automático, no 100% */
    padding: 0 !important;
    margin: 0 15px 0 0 !important;  /* Margen derecho para separarlo de las opciones */
  }

  /* 3. "Des-estiliza" el <h4> para que parezca texto normal */
  #edit-tipo-de-documento--wrapper > legend h4 {
    font-size: 0.9rem !important;       /* Tamaño de fuente normal (como el resto del body) */
    font-weight: normal !important; /* Quita la negrita */
    margin: 0 !important;
    color: #212529 !important;      /* (Opcional) Asegura el color de texto estándar */
  }

  /* 4. Estilos para el contenedor de las opciones (el que ya teníamos) */
  #edit-tipo-de-documento {
    display: flex !important;
    flex-flow: row wrap !important; 
    gap: 20px !important;            
  }

  /* 5. Estilos para CADA opción (el que ya teníamos) */
  #edit-tipo-de-documento .form-check {
    display: inline-block !important; 
    margin: 0 !important;           
    padding: 0 !important;
  }