/* Escala compacta 2026-11. Cargada al final de la capa UX. */
:root { --mp-primary:#007eaf; --mp-primary-dark:#00638b; --mp-primary-soft:#eaf5fb; --mp-text:#253447; --mp-muted:#627186; --mp-bg:#f3f6f9; --mp-border:#dce4ec; --mp-header-h:56px; --mp-radius:8px; --mp-radius-sm:5px; --mp-shadow:0 2px 6px #25344706; }
html { background:var(--mp-bg); scroll-padding-top:68px; }
body { font:14px/1.4 "Segoe UI",Arial,sans-serif; padding-bottom:20px; }
header { height:auto; min-height:var(--mp-header-h); background:#fff; box-shadow:0 2px 8px #25344708; }
header .contenedor { width:calc(100% - 40px); max-width:1440px; min-height:var(--mp-header-h); gap:20px; }
header h1 { float:none; padding:0; }
header h1 img, header h1 img.fade:hover { width:124px; height:auto; max-height:40px; margin:0; object-fit:contain; transition:opacity .15s; }
header .menu { position:static; transform:none; float:none; width:auto; height:auto; margin:0 0 0 auto; padding:0; gap:3px; background:transparent; border:0; flex-wrap:nowrap; transition:none; }
header .menu > a { height:auto; min-height:34px; padding:7px 11px; border:0; border-radius:5px; background:transparent; color:#425369; font:600 13px/1.4 "Segoe UI",Arial,sans-serif; }
header .menu > a[aria-current="page"] { color:var(--mp-primary-dark); background:var(--mp-primary-soft); }
header .menu > a:last-child { margin-left:8px; }
header .icon-menu { float:none; margin:0 0 0 auto; width:40px; height:40px; font-size:24px; }
body > br { display:none; }
#MyDivRecuadroBlack, #MyDivRecuadroWhite, #MyDivRecuadro { width:calc(100% - 32px); max-width:1440px; margin:16px auto; padding:16px; color:var(--mp-text); text-align:left; overflow:visible; }
#MyDivRecuadroBlack #MyDivRecuadroBlack, #MyDivRecuadroBlack #MyDivRecuadroWhite, #MyDivRecuadroBlack #MyDivRecuadro { width:100%; margin:0 0 12px; padding:10px; box-shadow:none; }
#MyDivRecuadroBlack > br, #MyDivRecuadroWhite > br, #MyDivRecuadro > br { display:none; }
#MyDivRecuadroBlack h2, #MyDivRecuadroWhite h2, #MyDivRecuadro h2, #MyDiv h2 { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px; width:100%; padding:0; margin:0 0 14px; color:var(--mp-text); font:650 22px/1.3 "Segoe UI",Arial,sans-serif; }
#MyDivRecuadroBlack h3, #MyDivRecuadroWhite h3 { font:600 15px/1.4 "Segoe UI",Arial,sans-serif; color:var(--mp-text); padding:4px 0; }
#MyDivRecuadroInLineWhite { display:block; width:100%; min-width:0; min-height:0; margin:0 0 12px; padding:0; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none; }
#MyDivRecuadroInLineWhite > h2 { margin:0; }
#MyDivRecuadroInLineWhite h2 a { width:auto; display:inline-flex; }
#MyDivRecuadroInLineWhite > br { display:none; }
#MyDivRecuadroInLineGray, #MyDivRecuadroInLineRed, #MyDivRecuadroInLineBlack { display:inline-flex; width:auto; min-width:88px; min-height:38px; margin:0 6px 10px 0; padding:6px 12px; border-radius:5px !important; background:#f8fafc !important; box-shadow:none; font-size:13px; }
#MyDivRecuadroInLineRed { background:var(--mp-primary-soft) !important; border-color:#acd6e8 !important; }
#MyDivRecuadroInLineGray a, #MyDivRecuadroInLineRed a, #MyDivRecuadroInLineBlack a { gap:7px; width:auto; color:#425369; font-weight:600; }
#MyDivRecuadroInLineRed a { color:var(--mp-primary-dark); }
#MyDivRecuadroInLineGray:hover, #MyDivRecuadroInLineBlack:hover { background:var(--mp-primary-soft) !important; transform:none; box-shadow:none; }
#MyDivRecuadroInLineGray > a label, #MyDivRecuadroInLineRed > a label, #MyDivRecuadroInLineBlack > a label { font-size:21px !important; }
h2 label[class], #Deshacer { font-size:23px !important; }
#Deshacer { width:auto; min-width:30px; min-height:30px; margin:0; padding:3px; }
body input:is(input, #mp-control):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]), body select:is(select, #mp-control), body textarea:is(textarea, #mp-control) { display:block; width:100%; max-width:100%; min-width:0; min-height:34px; margin:0; padding:6px 9px; border:1px solid #cbd6e2; border-radius:5px; color:var(--mp-text); background-color:#fff; font:14px/1.4 "Segoe UI",Arial,sans-serif !important; }
body input[type="search"] { background-image:none !important; }
body input[type="hidden"] { display:none !important; }
body textarea { min-height:72px; }
body input[type="checkbox"], body input[type="radio"] { width:16px; height:16px; margin:3px 5px; transform:none; }
#MyLabel { width:100%; margin:0; padding:0 0 4px; font-size:11px; line-height:1.4; letter-spacing:.025em; text-align:left; }
#MyLabelInLine { width:auto; padding:0 4px; font-size:12px; }
body button, body input[type="button"], body input[type="submit"], body input[type="reset"], #BotonBlue, #BotonGreen, #BotonRed, #BotonYellow, #BotonGuardar { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:auto; min-width:88px; min-height:34px; margin:0; padding:7px 15px; border-radius:5px; font:600 13px/1.4 "Segoe UI",Arial,sans-serif; box-shadow:none; }
body button:hover, body input[type="submit"]:hover, #BotonBlue:hover, #BotonGuardar:hover { transform:none; box-shadow:none; }
button label, #BotonBlue label, #BotonGreen label, #BotonRed label { font-size:18px !important; color:inherit; cursor:pointer; }
form { margin:0 auto; text-align:left; }
form > br { display:block; content:""; margin-top:10px; }
.mp-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 16px; align-items:start; }
.mp-form-grid > * { grid-column:1 / -1; min-width:0; }
.mp-form-grid > .mp-field { grid-column:auto; }
.mp-form-grid > .mp-field-wide { grid-column:span 2; }
.mp-form-grid > br { display:none; }
.mp-form-grid > input[type="submit"], .mp-form-grid > button { justify-self:start; }
.mp-field > table { table-layout:fixed; }
.mp-field > table td { padding:0 8px 0 0; border:0; background:transparent; }
.mp-field > table td:last-child { padding-right:0; }
.mp-field > table input, .mp-field > table select { width:100% !important; }
.mp-search-form { display:grid; grid-template-columns:minmax(180px,520px) auto; justify-content:start; align-items:end; gap:0 8px; margin:4px 0 14px; }
.mp-search-form > label { grid-column:1 / -1; }
.mp-search-form > br { display:none; }
.mp-search-form > button { min-height:34px; }
.menuContainer, .menuContainerCopy, .menuContainerCtrlNavegador { width:calc(100% - 32px); max-width:1440px; margin:0 auto; padding:8px 0; border:0; background:transparent; box-shadow:none; }
.menuContainer:empty, .menuContainerCopy:empty { display:none; }
/* El ID scroll pertenece al enlace para volver arriba. */
a#scroll { width:36px; height:36px; border-radius:50%; background:#6d8498; overflow:hidden; z-index:20; }
table { margin:0; font:13px/1.4 "Segoe UI",Arial,sans-serif; }
th { position:static; padding:8px 9px; border-bottom:1px solid var(--mp-border); background:#edf3f8; color:#415670; text-align:left; font-size:12px; font-weight:650; }
td { padding:7px 9px; border-bottom:1px solid #e8edf3; }
th font, td font { font-family:inherit; font-size:inherit; }
td[align="right"], th[align="right"] { text-align:right; font-variant-numeric:tabular-nums; }
td[align="center"], th[align="center"] { text-align:center; }
tr[bgcolor] { background:#f7f9fb; }
tbody tr:hover td { background:#f1f7fb; }
td label[class] { font-size:20px !important; }
/* Las filas editables de comprobantes tambien usan TH. */
form center { max-width:100%; overflow-x:auto; text-align:left; }
form center table { table-layout:fixed; }
form center table:has(tr[id^="Item"]) th { position:static; padding:4px 5px; background:#fff; border-bottom:1px solid #e8edf3; font-weight:400; }
form center table:has(tr[id^="Item"]) input, form center table:has(tr[id^="Item"]) select { min-height:30px; padding:4px 7px !important; font-size:13px !important; }
form center tr[id^="Item"] #Deshacer { min-height:28px; min-width:26px; padding:2px; background:transparent; }
form center table:has(tr[id^="Item"]) tr:not([style*="none"]) { display:table-row !important; }
form center table:last-child th { background:#eaf5fb; font-size:14px; }
#MyDivRecuadroBlue { width:calc(100% - 32px); max-width:1440px; margin:12px auto; padding:8px 12px; border:0 !important; border-radius:6px !important; background:#eaf0f5 !important; color:var(--mp-muted); box-shadow:none; }
#MyDivRecuadroBlue > br { display:none; }
#MyDivRecuadroBlue .menuContainerCopy { width:100%; padding:0; font-size:11px; }
#MyDivRecuadroBlue .menuContainerCopy > br, #MyDivRecuadroBlue footer > br, #MyDivRecuadroBlue footer .contenedor > br { display:none; }
#MyDivRecuadroBlue .sociales { display:inline-flex; gap:6px; padding:0; }
#MyDivRecuadroBlue .sociales label { color:#627186 !important; font-size:20px !important; }
#MyDivRecuadroBlue footer { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; padding:6px 0; margin:0; }
#MyDivRecuadroBlue footer .contenedor { width:auto; margin:0; }
#MyDivRecuadroBlue footer .copy, #MyDivRecuadroBlue footer font { color:#627186; font-size:11px; }
#MyDivRecuadroBlue footer img { max-width:100px; }
#MyDivRecuadroBlue footer label[class] { color:var(--mp-primary); font-size:20px !important; }
.mp-data-table { min-width:620px; }
hr { margin:14px 0; }
fieldset { min-width:0; padding:12px; }
/* Misma medida para los accesos, independientemente del largo del texto. */
:is(#MyDivRecuadroInLineGray, #MyDivRecuadroInLineRed, #MyDivRecuadroInLineBlack).mp-nav-tile { width:168px; height:48px; min-width:0; min-height:48px; padding:6px 10px; vertical-align:top; }
.mp-nav-tile > a { width:100% !important; height:100%; justify-content:center !important; gap:7px; font-size:12px; line-height:1.25; overflow:hidden; }
.mp-nav-tile > a > label { flex-shrink:0; }
.mp-nav-tile > a > span { flex:0 1 auto; min-width:0; text-align:left; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
/* Tres columnas con laterales iguales mantienen el titulo en el centro real. */
:is(#MyDivRecuadroBlack, #MyDivRecuadroWhite, #MyDivRecuadro, #MyDiv) h2.mp-screen-heading { display:grid; grid-template-columns:minmax(64px,1fr) minmax(0,auto) minmax(64px,1fr); align-items:center; gap:8px; width:100%; min-height:34px; }
.mp-screen-title { min-width:0; text-align:center; overflow-wrap:anywhere; }
.mp-heading-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-width:0; }
.mp-heading-left { justify-content:flex-start; }
.mp-heading-right { justify-content:flex-end; }
.mp-heading-actions > a { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:auto !important; min-width:30px; min-height:30px; padding:0; }
.mp-heading-actions > a label { margin:0 !important; }
/* Los campos desplegables conservan la misma grilla que los principales. */
:is(#Ubicacion, #Comunicacion, #Afip, #Fintech, #Debito, #PlanAlimentario) > .mp-form-grid { margin:0; width:100%; padding:12px; background:#f8fafc; border:1px solid var(--mp-border); border-radius:6px; }
.mp-form-grid > label:has(input[type="checkbox"]) { padding:2px 0; }
/* Caja exterior de busqueda y boton: exactamente la misma altura. */
form.mp-search-form { align-items:center; row-gap:6px; }
form.mp-search-form > input[type="search"], form.mp-search-form > button[type="submit"] { height:38px; min-height:38px; max-height:38px; margin:0; align-self:center; }
form.mp-search-form > input[type="search"] { grid-column:1; grid-row:2; }
form.mp-search-form > button[type="submit"] { grid-column:2; grid-row:2; }
form.mp-search-dates { display:grid; grid-template-columns:minmax(180px,1fr) minmax(320px,1fr) auto; gap:6px 12px; align-items:end; }
form.mp-search-dates > #MyLabel { grid-column:1; grid-row:1; padding:0; }
form.mp-search-dates > input[type="search"] { grid-column:1; grid-row:2; }
form.mp-search-dates > button[type="submit"] { grid-column:3; grid-row:2; }
#MyDivRecuadroInLineBlack.mp-date-range { display:grid; grid-template-columns:1fr 1fr; gap:4px 12px; grid-column:2; grid-row:1 / 3; width:100%; min-width:0; min-height:0; margin:0; padding:0; border:0 !important; background:transparent !important; }
.mp-date-heading { grid-column:1 / -1; color:var(--mp-muted); font-size:11px; font-weight:600; line-height:1.4; }
.mp-date-field { display:flex; align-items:center; gap:7px; min-width:0; font-size:12px; }
.mp-date-field input { flex:1; width:0 !important; height:38px; min-height:38px !important; }
/* Delimitadores visibles en cada registro, incluso con bgcolor heredado. */
.mp-data-table > tbody > tr > td { border-bottom:1px solid #cbd7e3 !important; }
.mp-data-table > tbody > tr:nth-child(odd) > td { background:#fff !important; }
.mp-data-table > tbody > tr:nth-child(even) > td { background:#edf3f8 !important; }
.mp-data-table > tbody > tr.mp-row-odd > td { background:#fff !important; }
.mp-data-table > tbody > tr.mp-row-even > td { background:#edf3f8 !important; }
.mp-data-table > tbody > tr:hover > td { background:#dfeef8 !important; }
@media (max-width:1050px) {
  header .contenedor { width:calc(100% - 24px); }
  header .icon-menu { display:inline-flex; }
  header .menu { position:absolute; top:100%; left:0; right:0; display:none; width:100%; height:auto; margin:0; padding:10px 12px; background:#fff; border-bottom:1px solid var(--mp-border); box-shadow:0 6px 12px #25344710; transform:none; }
  #menu-bar:checked ~ .menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  header .menu > a { min-height:40px; background:#f6f9fc; justify-content:flex-start; }
  header .menu > a:last-child { margin-left:0; }
  .mp-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  form.mp-search-dates { grid-template-columns:minmax(0,1fr) auto; }
  #MyDivRecuadroInLineBlack.mp-date-range { grid-column:1 / -1; grid-row:3; }
  form.mp-search-dates > button[type="submit"] { grid-column:2; grid-row:2; }
}
@media (max-width:640px) {
  :root { --mp-header-h:56px; }
  #MyDivRecuadroBlack, #MyDivRecuadroWhite, #MyDivRecuadro { width:calc(100% - 16px); margin:10px auto; padding:12px; }
  #MyDivRecuadroBlack h2, #MyDivRecuadroWhite h2 { font-size:20px; }
  .mp-form-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  .mp-form-grid > .mp-field-wide { grid-column:auto; }
  body input:is(input, #mp-control):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), body select:is(select, #mp-control), body textarea:is(textarea, #mp-control) { min-height:40px; font-size:16px !important; }
  body button, body input[type="submit"] { min-height:40px; }
  #MyDivRecuadroInLineGray, #MyDivRecuadroInLineRed, #MyDivRecuadroInLineBlack { min-width:0; min-height:40px; padding:7px 9px; margin-right:4px; }
  .mp-search-form { grid-template-columns:minmax(0,1fr) auto; }
  :is(#MyDivRecuadroInLineGray, #MyDivRecuadroInLineRed, #MyDivRecuadroInLineBlack).mp-nav-tile { width:calc(50% - 8px); height:48px; min-height:48px; }
  form.mp-search-form > input[type="search"], form.mp-search-form > button[type="submit"] { height:40px; min-height:40px; max-height:40px; }
  form.mp-search-dates { grid-template-columns:minmax(0,1fr) auto; }
  #MyDivRecuadroInLineBlack.mp-date-range { grid-column:1 / -1; grid-row:3; }
  form.mp-search-dates > button[type="submit"] { grid-column:2; grid-row:2; }
  form center table { min-width:560px; }
  .menuContainer, .menuContainerCopy, #MyDivRecuadroBlue { width:calc(100% - 16px); }
}