/* ============================================================
   HUF — Componente: Fieldset (.hd-fieldset)
   ------------------------------------------------------------
   Grupo de campos dentro de un formulario, para los formularios de dos
   o tres bloques que no justifican <hd-form-sections> (que además
   esconde lo que no está activo).

   Separa por ESPACIO, no por línea: el panel que lo contiene ya trae su
   borde, y una línea más a menos de 24px infringe la regla de bordes
   anidados (HVL §5.2). El reset de <fieldset> es obligatorio — el
   agente de usuario le pone borde, padding y margen propios.
   ============================================================ */

.hd-fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0; /* <fieldset> ignora min-width:auto de flex/grid sin esto */
}

/* El espacio entre grupos lo pone el grupo siguiente, no el anterior:
   así el primero queda pegado al borde superior del panel y no hay que
   corregirlo desde la pantalla. */
.hd-fieldset + .hd-fieldset {
    margin-top: var(--hd-space-5);
}

.hd-fieldset__legend {
    /* float + width fuerzan a <legend> a comportarse como un bloque normal:
       en su modo nativo se incrusta en el borde del fieldset y arrastra un
       padding lateral que ningún reset quita de forma consistente. */
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: var(--hd-space-2);
    font-size: var(--hd-text-base);
    font-weight: 600;
    color: var(--hd-theme-text);
}

.hd-fieldset__help {
    clear: both;
    margin: calc(var(--hd-space-2) * -1) 0 var(--hd-space-3);
    font-size: var(--hd-text-meta);
    color: var(--hd-theme-text-muted);
}

/* Restablece el flujo tras el float de la leyenda, para que el primer
   campo del grupo no se suba a su lado. */
.hd-fieldset__legend + * {
    clear: both;
}