/* Formulario de genotipo (wp-admin y página de gestión del sitio). */
.hn-form { --hn-border: #c9b87f; --hn-muted: #5c4b28; }
.hn-fieldset { border: 1px solid var(--hn-border); padding: 12px 16px 4px; margin: 0 0 16px; min-width: 0; }
.hn-fieldset legend { font-weight: 600; padding: 0 6px; }
.hn-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 4px 20px; }
.hn-field { margin: 0 0 12px; display: flex; flex-direction: column; gap: 4px; }
.hn-field--wide { grid-column: 1 / -1; }
.hn-field label, .hn-label { font-weight: 600; }
.hn-field input[type=text], .hn-field input[type=number], .hn-field select { width: 100%; max-width: 100%; }
.hn-check label, label.hn-check { font-weight: 400; display: flex; gap: 8px; align-items: flex-start; }
.hn-hint { color: var(--hn-muted); font-size: 13px; font-weight: 400; }
.hn-req { color: #94301a; }
.hn-computed { font-size: 14px; }
.hn-media-preview img, .hn-media-preview video { display: block; max-width: 220px; height: auto; margin: 4px 0 8px; border: 1px solid var(--hn-border); }
.hn-media .button-link { color: #b32d2e; margin-left: 8px; }

/* Página Acerca (wp-admin). */
.hn-about .hn-fieldset { max-width: 960px; background: #fff; }
.hn-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 16px; padding: 12px 0; border-bottom: 1px solid #dcdcde; }
.hn-row label { display: flex; flex-direction: column; gap: 4px; font-weight: 600; }
.hn-row label input { font-weight: 400; }
.hn-logo-preview { display: flex; align-items: center; justify-content: center; width: 140px; height: 70px; background: #E1D4A9; border: 1px solid #c9b87f; }
.hn-logo-preview img { max-width: 128px; max-height: 60px; mix-blend-mode: multiply; }
.hn-row-controls { display: flex; gap: 10px; align-items: center; margin-left: auto; padding-bottom: 6px; }
.hn-row-controls .button-link { font-size: 14px; text-decoration: none; }
.hn-row-remove { color: #b32d2e !important; }