/* v10.24.36 · microayudas cortas bajo campos y explicaciones largas en guías
   Objetivo: que el usuario final entienda cada sección sin referencias internas ni textos cortados. */
.process-guide,
.section-guide,
.section-guide-body,
.filter-help-box,
.form-note,
.field-help,
.panel .hint,
.side-note,
.module-help-card p,
.home-module-card p,
.summary-card small {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.45 !important;
  max-height: none !important;
}
.process-guide,
.filter-help-box,
.form-note {
  display: block;
  width: 100%;
}
.section-guide-body p {
  margin: 0 0 8px;
}
.section-guide-body p:last-child { margin-bottom: 0; }
.filters.clean-filters,
.filters.guided-filters,
.filters.wide-filter-panel,
.filters.base-filters,
.filters.teachers-filters,
.filters.cohortes-filters,
.filters.audit-filter-panel,
.filters.integration-filter-panel,
.cxc-filters,
.guided-filters,
.clean-filters,
.wide-filter-panel {
  align-items: start !important;
  gap: 14px !important;
}
.filters .filter-field,
.cxc-filters .filter-field,
.guided-filters .filter-field,
.clean-filters .filter-field,
.wide-filter-panel .filter-field,
.filter-field {
  min-width: 220px !important;
  flex: 1 1 220px !important;
  height: auto !important;
  align-self: stretch;
}
.filter-field.filter-field-wide,
.filter-field.filter-field-xl,
.filter-field.help-wide {
  min-width: 320px !important;
  flex-basis: 340px !important;
}
.filters .filter-field select,
.filters .filter-field input,
.cxc-filters .filter-field select,
.cxc-filters .filter-field input,
.guided-filters .filter-field select,
.guided-filters .filter-field input,
.clean-filters .filter-field select,
.clean-filters .filter-field input,
.wide-filter-panel .filter-field select,
.wide-filter-panel .filter-field input,
.filter-field select,
.filter-field input,
.form-field select,
.form-field input,
.form-field textarea {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.filters .filter-field span,
.filters .filter-field small,
.cxc-filters .filter-field span,
.guided-filters .filter-field span,
.clean-filters .filter-field span,
.wide-filter-panel .filter-field span,
.filter-field span,
.field-help {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 6px !important;
  color: #64748b;
  font-size: 11px;
  line-height: 1.4 !important;
}
select[title], input[title] { cursor: help; }
/* Reservas teacher: filtros con textos largos necesitan más ancho para evitar opciones cortadas. */
.teacher-reserve-filters .filter-field,
.teacher-reserve-batch-filters .filter-field {
  min-width: 230px !important;
  flex-basis: 230px !important;
}
.teacher-reserve-filters .filter-field-xl,
.teacher-reserve-filters .filter-field-wide,
.teacher-reserve-filters label:has(#reserveScope),
.teacher-reserve-filters label:has(#reserveEstado) {
  min-width: 350px !important;
  flex-basis: 380px !important;
}
@media (max-width: 920px) {
  .filters .filter-field,
  .cxc-filters .filter-field,
  .guided-filters .filter-field,
  .clean-filters .filter-field,
  .wide-filter-panel .filter-field,
  .filter-field,
  .filter-field.filter-field-wide,
  .filter-field.filter-field-xl,
  .filter-field.help-wide {
    min-width: 100% !important;
    flex-basis: 100% !important;
  }
}

/* v10.24.36 · regla global: microayudas cortas bajo campos, explicaciones largas dentro de la guía de sección. */
.field-help-guide-intro,
.field-help-guide-item {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: #172033;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}
.field-help-guide-intro strong,
.field-help-guide-item strong {
  color: #0f172a;
}
.filters .filter-field span,
.filters .filter-field small,
.cxc-filters .filter-field span,
.guided-filters .filter-field span,
.clean-filters .filter-field span,
.wide-filter-panel .filter-field span,
.filter-field span,
.field-help {
  max-width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.filters .filter-field > span:not(.form-label):not(.pill):not(.tag):not(.badge),
.filter-field > span:not(.form-label):not(.pill):not(.tag):not(.badge),
.form-field > .field-help,
.form-field > small,
.filter-field > small {
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.section-guide[open] .section-guide-body {
  max-width: none !important;
}
.teacher-reserve-filters .filter-field-xl,
.teacher-reserve-filters label:has(#reserveScope),
.teacher-reserve-filters label:has(#reserveEstado) {
  min-width: 300px !important;
  flex-basis: 320px !important;
}