/* Ventyum 12.8.535: controles y tipografia comunes. Inicio no recibe esta clase.
   No se modifican colores de estado, grids, posiciones, graficas ni tarjetas de producto. */
#root#root#root .content.ventyum-standard {
  --ui-font: "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --ui-control: 40px;
  --ui-radius: 8px;
  font-family: var(--ui-font);
  font-size: 14px;
  line-height: 1.5;
}
#root#root#root .content.ventyum-standard :is(button, input, select, textarea) { font-family: var(--ui-font) !important; }
#root#root#root .content.ventyum-standard :is(h1, h2) { font-family: var(--ui-font) !important; font-size: 24px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -.025em !important; }
#root#root#root .content.ventyum-standard h3 { font-family: var(--ui-font) !important; font-size: 16px !important; line-height: 1.35 !important; font-weight: 600 !important; }
#root#root#root .content.ventyum-standard :is(label, .field-label) { font-size: 12px !important; line-height: 1.4 !important; font-weight: 600 !important; }
#root#root#root .content.ventyum-standard :is(.primary, .soft, .btn, .icon-btn, button[type="submit"]) {
  min-height: var(--ui-control) !important;
  height: auto !important;
  padding: 9px 14px !important;
  border-radius: var(--ui-radius) !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  white-space: normal;
}
#root#root#root .content.ventyum-standard .icon-btn { min-width: var(--ui-control); padding: 9px !important; }
#root#root#root .content.ventyum-standard :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="file"]):not([type="button"]):not([type="submit"]), select) {
  height: var(--ui-control) !important;
  min-height: var(--ui-control) !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: var(--ui-radius) !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 20px !important;
  max-width: 100%;
  min-width: 0;
}
#root#root#root .content.ventyum-standard textarea { min-height: 96px; border: 1px solid #cbd5e1 !important; border-radius: var(--ui-radius) !important; padding: 10px 12px !important; font-size: 13px !important; line-height: 1.5 !important; max-width: 100%; resize: vertical; }
#root#root#root .content.ventyum-standard :is(button, a, input, select, textarea):focus-visible { outline: 2px solid #1378d1 !important; outline-offset: 3px !important; }
#root#root#root .content.ventyum-standard :is(.panel, .metric-card) { border-radius: 12px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 2px 8px rgba(18,42,68,.04) !important; }
#root#root#root .content.ventyum-standard .panel { padding: 20px !important; }
#root#root#root .content.ventyum-standard th { font-family: var(--ui-font) !important; font-size: 11px !important; line-height: 1.4 !important; font-weight: 600 !important; padding: 12px !important; }
#root#root#root .content.ventyum-standard td { font-family: var(--ui-font) !important; font-size: 13px !important; line-height: 1.45 !important; padding: 12px !important; }
#root#root#root .content.ventyum-standard td :is(.primary, .soft, .btn, .icon-btn) { min-height: 32px !important; padding: 5px 10px !important; font-size: 12px !important; }
@media (max-width: 760px) {
  #root#root#root .content.ventyum-standard { --ui-control: 44px; }
  #root#root#root .content.ventyum-standard :is(h1, h2) { font-size: 22px !important; }
  #root#root#root .content.ventyum-standard .panel { padding: 16px !important; }
  #root#root#root .content.ventyum-standard :is(input, select, textarea) { font-size: 16px !important; }
}

/* Mantener las tablas dentro de su panel y permitir que los filtros bajen de fila. */
#root#root#root .content.ventyum-standard .credit-toolbar-single { display: flex !important; flex-wrap: wrap !important; height: auto !important; gap: 10px !important; }
#root#root#root .content.ventyum-standard .table-wrap { min-width: 0; max-width: 100%; overflow-x: auto; }
#root#root#root .content.ventyum-standard #crData { min-width: 0; max-width: 100%; overflow-x: auto; }
@media (max-width: 760px) {
 #root#root#root#root .content.ventyum-standard :is(input, select, textarea) { font-size: 16px !important; }
}
#root#root#root .content.ventyum-standard .credit-hero { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
#root#root#root .content.ventyum-standard .products-control-strip { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; height: auto !important; }
#root#root#root .content.ventyum-standard .presentation-select-wrap { display: flex !important; width: auto !important; flex: 0 1 auto !important; gap: 8px !important; align-items: center !important; }
#root#root#root .content.ventyum-standard .presentation-select-wrap select { width: 132px !important; }
#root#root#root .content.ventyum-standard td :is(b, strong, span) { font-size: inherit !important; }
#root#root#root .content.ventyum-standard :is(td small, .hero p, .panel-head p) { font-size: 12px !important; line-height: 1.45 !important; }