/* ======================================================
   index-inline.css
   Extraido de public/index.html (bloque <style> linea 7460..25274)
   Fecha refactor: 2026-04-19
   Orden de carga: se enlaza con <link> en la misma posicion
   que el <style> original, por lo que la cascada se mantiene.
   ====================================================== */
/* Burbuja asistente (#_burb-ia): anula disco B3 de styles.css (~2745); sombra SOLO en el PNG vía drop-shadow (respeta alpha). */
#_burb-ia.burb-fab-serio-v2--ia .burb-fab-serio-v2__disc{
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
  filter:none!important;
}
#_burb-ia.burb-fab-serio-v2--ia:hover .burb-fab-serio-v2__disc,
#_burb-ia.burb-fab-serio-v2--ia:active .burb-fab-serio-v2__disc{
  filter:none!important;
}
#_burb-ia.burb-fab-serio-v2--ia .burb-fab-serio-v2__ico--ia{
  max-width:56px!important;
  max-height:56px!important;
  width:auto!important;
  height:auto!important;
  filter:drop-shadow(0 3px 8px rgba(15,23,42,.16)) drop-shadow(0 1px 3px rgba(15,23,42,.09));
}
#_burb-ia.burb-fab-serio-v2--ia:hover .burb-fab-serio-v2__ico--ia{
  filter:drop-shadow(0 4px 12px rgba(15,23,42,.18)) drop-shadow(0 2px 4px rgba(15,23,42,.1));
}
#_burb-ia.burb-fab-serio-v2--ia:active .burb-fab-serio-v2__ico--ia{
  filter:drop-shadow(0 2px 6px rgba(15,23,42,.14)) drop-shadow(0 1px 2px rgba(15,23,42,.07));
}
@media (max-width:767px){
  #_burb-ia.burb-fab-serio-v2--ia .burb-fab-serio-v2__ico--ia{
    max-width:44px!important;
    max-height:44px!important;
  }
}
.mnu-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;color:var(--t1);transition:background .15s;margin-bottom:2px}
.mnu-item:hover,.mnu-item:active{background:var(--s2)}
.mnu-item>span:first-child{font-size:20px;width:28px;min-width:28px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}
/* Sombra solo con el menú abierto (evita mancha gris en el borde izquierdo cuando está cerrado) */
#menu-logo{
  box-shadow:none!important;
  --nav-ico:28px;
  position:fixed!important;
  left:0!important;
  top:var(--manto-menu-top,56px)!important;
  bottom:var(--manto-menu-bottom,0px)!important;
  height:auto!important;
  max-height:none!important;
}
#menu-logo .mnu-item .ni-img{width:var(--nav-ico)!important;height:var(--nav-ico)!important;object-fit:contain!important;object-position:center!important}
@media(max-width:767px){#menu-logo{--nav-ico:32px}}
#menu-logo.open{transform:translateX(0)!important;box-shadow:6px 0 22px rgba(15,23,42,.14)!important}
body.menu-logo-open #app .hdr.hdr-serio-v1{z-index:10000!important}
body.menu-logo-open #menu-logo{z-index:9998!important}
body.menu-logo-open #menu-overlay{z-index:9997!important}
html,body{overscroll-behavior-y:none;margin:0}
/* Sin overflow-x en #app: bloqueaba scroll horizontal del rail inferior en Android */
/* Multifinca: solo visible en PC */
@media(min-width:768px){#mf-selector{display:flex!important}}
@media(max-width:767px){#mf-selector{display:none!important}}
/* Login paso finca: animación */
#login-paso-bienvenida,#login-paso-finca,#login-paso-pin{animation:fadeIn .2s ease}
.login-finca-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:2px solid var(--brd);background:var(--s1);cursor:pointer;transition:.15s;margin-bottom:0}
.login-finca-card:hover,.login-finca-card:active{border-color:var(--g1);background:rgba(34,197,94,.06)}
.login-finca-card.activa{border-color:#22c55e;background:rgba(34,197,94,.08)}
/* ── FIX SCROLL ANDROID + swipe lateral ── */
html, body { touch-action: pan-x pan-y; }
#app { touch-action: pan-x pan-y; }
.pg { touch-action: pan-x pan-y; }
.nav.nav--rail-cards { touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; }
/* Fix padding-top para header fixed en móvil (compacto: logo + iconos 40px) */
.pg { padding-top: 58px !important; }
@media(min-width:768px){ .pg { padding-top: 20px !important; } }

/* ── ASISTENTE IA: ocupa alto disponible; el scroll de mensajes es solo dentro de #ia-chat ── */
#pg-ia.pg,
#pg-ia.pg.active {
  min-height: 100dvh !important;
  box-sizing: border-box !important;
}
#pg-ia {
  flex-direction: column;
  padding-bottom: var(--pg-pad-bottom, calc(76px + env(safe-area-inset-bottom, 0px))) !important;
  box-sizing: border-box;
}
#pg-ia.active {
  display: flex;
  flex-direction: column;
}
/* Sin scroll de página: el chat hace scroll interno y la barra mic/enviar no se pierde */
#pg-ia.asistente-serio-v1.pg.active{
  overflow:hidden!important;
  max-height:100dvh!important;
}
@media(min-width:768px){
  #pg-ia {
    padding-bottom: 20px !important;
    max-width: 780px;
    margin: 0 auto;
    width: 100%;
  }
}

/* Asistente — SERIO V1 (mismo marco que Leche / Finanzas) */
#pg-ia.asistente-serio-v1{
  background:var(--superficie-pagina)!important;
  gap:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ia.asistente-serio-v1 > .section{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
#pg-ia.asistente-serio-v1 > .section > .section-header{
  flex-shrink:0!important;
}
#pg-ia.asistente-serio-v1 > .section > .section-body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
#pg-ia.asistente-serio-v1 > .section > .section-body > .section-content{
  flex:1 1 auto!important;
  min-height:0!important;
  /* 8px entre bloques: alineado con manto-hero-bloque-8px.css */
  gap:8px!important;
  row-gap:8px!important;
}
@media (max-width:767px){
  #pg-ia.pg,
  #pg-ia.pg.active{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}
/* Hero Asistente: GIF sin fondo a la derecha del título (misma fila que icono + H1) */
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .ia-hero-title-gif{
  flex:0 0 auto!important;
  align-self:center!important;
  width:auto!important;
  height:72px!important;
  max-height:72px!important;
  max-width:min(200px,42vw)!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  margin:0 0 0 4px!important;
  pointer-events:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media (max-width:420px){
  #pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .ia-hero-title-gif{
    height:56px!important;
    max-height:56px!important;
    max-width:min(140px,38vw)!important;
  }
}
/* Animales — icono «Inventario» (listado): gradiente slate canónico (--superficie-bloque-header), sin foto */
#pg-ani.animales-serio-v1 .serio-v1-icon-box.header-bloque.ani-inventario-header-ico{
  background:var(--superficie-bloque-header)!important;
  border:var(--borde-fino)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 1px 2px rgba(15,23,42,.06)!important;
}
body.light #pg-ani.animales-serio-v1 .serio-v1-icon-box.header-bloque.ani-inventario-header-ico{
  background:var(--superficie-bloque-header)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel:not(.ia-serio-panel--chat){
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:4px!important;
  margin-bottom:8px!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
}
/* Panel conversación: mismo bloque visual que la barra de envío (una sola «hoja», no dos ventanas) */
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat{
  flex:1 1 auto!important;
  min-height:0!important;
  margin-bottom:0!important;
  display:flex!important;
  flex-direction:column!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-bottom:1px solid #e8ecf0!important;
  border-radius:12px 12px 0 0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-input-wrap{
  flex-shrink:0!important;
  /* Separación respecto al chat: la da gap:8px del .section-content */
  margin-top:0!important;
  /* Sin borde exterior: más ancho para mic + campo; el área de chip es .ia-serio-input-bar */
  padding:0 0 8px!important;
  background:#fff!important;
  border:none!important;
  border-radius:0 0 12px 12px!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:4!important;
}
/* Cuerpo del panel: grid — brief / historial / chips = auto; mensajes = fila flexible con scroll */
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body{
  position:relative!important;
  flex:1 1 0%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f4f6f8 0%,#eef1f4 100%)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body > #ia-copilot-proactive,
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body > #ia-copilot-history{
  position:relative!important;
  z-index:2!important;
  min-height:0!important;
  max-height:min(22vh,140px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body > #ia-copilot-proactive:empty,
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body > #ia-copilot-history:empty{
  display:none!important;
  max-height:0!important;
  overflow:hidden!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body > .ia-copilot-chips{
  position:relative!important;
  z-index:2!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#pg-ia.asistente-serio-v1 .ia-copilot-chips:not(.ia-serio-suggest-card){
  padding:8px 10px 6px;
  border-bottom:1px solid var(--gris-300,#cbd5e1);
  background:var(--gris-50,#f8fafc);
}
#pg-ia.asistente-serio-v1 .ia-copilot-chips__label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--texto-suave,#64748b);
  margin-bottom:6px;
}
#pg-ia.asistente-serio-v1 .ia-copilot-chips__row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#pg-ia.asistente-serio-v1 .ia-copilot-chip{
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--gris-300,#cbd5e1);
  background:#fff;
  color:var(--texto-base,#334155);
  cursor:pointer;
  text-align:left;
  max-width:100%;
}
#pg-ia.asistente-serio-v1 .ia-copilot-chip:hover{
  background:var(--gris-100,#f1f5f9);
  border-color:var(--gris-400,#94a3b8);
}
#pg-ia.asistente-serio-v1 .copilot-intent-badge{
  display:inline-block;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#475569;
  background:#e2e8f0;
  border-radius:6px;
  padding:3px 8px;
  margin-bottom:6px;
}
#pg-ia.asistente-serio-v1 .copilot-gemelo{
  font-size:11px;
  font-weight:700;
  color:#334155;
  margin-bottom:8px;
}
#pg-ia.asistente-serio-v1 .copilot-md-h2{
  font-size:13px;
  font-weight:800;
  color:#0f172a;
  margin:8px 0 4px;
}
#pg-ia.asistente-serio-v1 .copilot-md-li{
  font-size:12px;
  color:#334155;
  padding-left:4px;
  margin:2px 0;
}
#pg-ia.asistente-serio-v1 .ia-copilot-history{
  flex-shrink:0;
  padding:0 10px 4px;
}
#pg-ia.asistente-serio-v1 .copilot-hist__toggle{
  width:100%;
  text-align:left;
  font-size:11px;
  font-weight:800;
  color:var(--texto-suave,#64748b);
  background:var(--gris-50,#f8fafc);
  border:1px solid var(--gris-300,#cbd5e1);
  border-radius:8px;
  padding:6px 10px;
  cursor:pointer;
}
#pg-ia.asistente-serio-v1 .copilot-hist__list{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:6px;
  max-height:140px;
  overflow-y:auto;
}
#pg-ia.asistente-serio-v1 .copilot-hist__item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  text-align:left;
  padding:6px 8px;
  border-radius:8px;
  border:1px solid var(--gris-300,#cbd5e1);
  background:#fff;
  cursor:pointer;
}
#pg-ia.asistente-serio-v1 .copilot-hist__item:hover{
  background:var(--gris-100,#f1f5f9);
}
#pg-ia.asistente-serio-v1 .copilot-hist__q{
  font-size:11px;
  font-weight:700;
  color:var(--texto-base,#334155);
}
#pg-ia.asistente-serio-v1 .copilot-hist__meta{
  font-size:10px;
  color:var(--texto-suave,#64748b);
}
#pg-ia.asistente-serio-v1 .copilot-answer--v81 .copilot-meta-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin-bottom:8px;
}
#pg-ia.asistente-serio-v1 .copilot-conf{
  font-size:10px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid var(--gris-300,#cbd5e1);
}
#pg-ia.asistente-serio-v1 .copilot-conf--high{
  background:#ecfdf5;
  color:#047857;
  border-color:#6ee7b7;
}
#pg-ia.asistente-serio-v1 .copilot-conf--mid{
  background:#fffbeb;
  color:#b45309;
  border-color:#fcd34d;
}
#pg-ia.asistente-serio-v1 .copilot-conf--low{
  background:#fef2f2;
  color:#b91c1c;
  border-color:#fecaca;
}
#pg-ia.asistente-serio-v1 .copilot-ts{
  font-size:10px;
  font-weight:600;
  color:var(--texto-suave,#64748b);
}
#pg-ia.asistente-serio-v1 .copilot-refs,
#pg-ia.asistente-serio-v1 .copilot-acts{
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid var(--gris-300,#cbd5e1);
}
#pg-ia.asistente-serio-v1 .copilot-refs__title,
#pg-ia.asistente-serio-v1 .copilot-acts__title{
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--texto-suave,#64748b);
  margin-bottom:6px;
}
#pg-ia.asistente-serio-v1 .copilot-refs__list{
  display:flex;
  flex-direction:column;
  gap:6px;
}
#pg-ia.asistente-serio-v1 .copilot-ref-card{
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:6px 8px;
  border-radius:8px;
  border:1px solid var(--gris-300,#cbd5e1);
  background:var(--gris-50,#f8fafc);
}
#pg-ia.asistente-serio-v1 .copilot-ref-card__ico{
  font-size:14px;
  line-height:1.2;
}
#pg-ia.asistente-serio-v1 .copilot-ref-card__label{
  font-size:11px;
  font-weight:800;
  color:var(--texto-fuerte,#0f172a);
}
#pg-ia.asistente-serio-v1 .copilot-ref-card__detail{
  font-size:10px;
  color:var(--texto-base,#334155);
  margin-top:2px;
}
#pg-ia.asistente-serio-v1 .copilot-ref-card__meta{
  font-size:9px;
  color:var(--texto-muted,#94a3b8);
  margin-top:2px;
  text-transform:uppercase;
  letter-spacing:.03em;
}
#pg-ia.asistente-serio-v1 .copilot-adapt-banner{
  margin:8px 0 10px;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid var(--gris-300,#cbd5e1);
  background:var(--gris-100,#f1f5f9);
}
#pg-ia.asistente-serio-v1 .copilot-adapt-banner__title{
  font-size:11px;
  font-weight:800;
  color:var(--texto-fuerte,#0f172a);
  margin-bottom:4px;
}
#pg-ia.asistente-serio-v1 .copilot-adapt-banner__lead{
  font-size:11px;
  color:var(--texto-base,#334155);
  line-height:1.4;
}
#pg-ia.asistente-serio-v1 .copilot-adapt-banner__list{
  margin:6px 0 0;
  padding-left:16px;
  font-size:10px;
  color:var(--texto-suave,#64748b);
}
#pg-ia.asistente-serio-v1 .copilot-adapt-ev{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:6px;
}
#pg-ia.asistente-serio-v1 .copilot-adapt-ev__chip{
  font-size:10px;
  font-weight:700;
  padding:2px 6px;
  border-radius:6px;
  border:1px solid var(--gris-300,#cbd5e1);
  background:var(--gris-0,#fff);
  color:var(--texto-base,#334155);
  line-height:1.3;
}
#pg-ia.asistente-serio-v1 .copilot-adapt-ev__chip--network{
  border-color:var(--gris-400,#94a3b8);
}
#pg-ia.asistente-serio-v1 .copilot-adapt-ev__chip--priority{
  font-weight:800;
}
#pg-ia.asistente-serio-v1 .copilot-pf-row{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid var(--gris-300,#cbd5e1);
}
#pg-ia.asistente-serio-v1 .copilot-pf-row__title{
  font-size:10px;
  font-weight:800;
  color:var(--texto-suave,#64748b);
  margin-bottom:6px;
}
#pg-ia.asistente-serio-v1 .copilot-pf-row__acts{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-bottom:4px;
}
#pg-ia.asistente-serio-v1 .copilot-pf-btn{
  min-height:28px;
  padding:0 8px;
  font-size:10px;
  font-weight:700;
  border-radius:8px;
  border:1px solid var(--gris-300,#cbd5e1);
  background:var(--gris-0,#fff);
  color:var(--texto-base,#334155);
  cursor:pointer;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-ia.asistente-serio-v1 .copilot-acts__row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#pg-ia.asistente-serio-v1 .copilot-act-btn{
  font-size:11px;
  font-weight:800;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid var(--gris-400,#94a3b8);
  background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);
  color:var(--texto-fuerte,#0f172a);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:4px;
}
#pg-ia.asistente-serio-v1 .copilot-act-btn:hover{
  background:var(--gris-100,#f1f5f9);
}
#pg-ia.asistente-serio-v1 .copilot-act-btn__arr{
  opacity:.7;
}
#pg-ia.asistente-serio-v1 .copilot-answer-body p{
  margin:4px 0;
  font-size:12px;
  line-height:1.45;
  color:var(--texto-base,#334155);
}
.copilot-proactive-host{
  display:block;
}
.copilot-proactive-host--loading{
  opacity:.65;
  pointer-events:none;
}
.copilot-proactive{
  border:var(--manto-serio-panel-borde,1px solid #cbd5e1);
  border-radius:var(--manto-serio-radius,5px);
  background:var(--gris-0,#fff);
  box-shadow:var(--manto-serio-panel-drop,0 1px 3px rgba(15,23,42,.08));
  padding:10px;
  margin-bottom:8px;
}
.copilot-proactive__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.copilot-proactive__head--toggle{
  cursor:pointer;
  user-select:none;
  margin-bottom:0;
  border-radius:var(--manto-serio-radius,5px);
  padding:2px 0;
}
.copilot-proactive__head--toggle:focus-visible{
  outline:2px solid var(--gris-400,#94a3b8);
  outline-offset:2px;
}
.copilot-proactive__head-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}
.copilot-proactive__chev{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  font-size:18px;
  font-weight:800;
  color:var(--texto-suave,#64748b);
  transition:transform .18s ease;
}
.copilot-proactive--expanded .copilot-proactive__chev{
  transform:rotate(90deg);
}
.copilot-proactive__toggle-hint{
  margin:4px 0 0;
  font-size:10px;
  font-weight:700;
  color:var(--texto-muted,#94a3b8);
}
.copilot-proactive__estado--head{
  margin:4px 0 0;
  font-size:11px;
  font-weight:700;
  color:var(--texto-base,#334155);
}
.copilot-proactive--collapsed .copilot-proactive__body{
  display:none;
}
.copilot-proactive--expanded .copilot-proactive__body{
  display:block;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid var(--gris-200,#e2e8f0);
}
.copilot-proactive--collapsed .copilot-proactive__head{
  margin-bottom:0;
}
.copilot-proactive__tit-wrap{
  display:flex;
  gap:8px;
  align-items:flex-start;
  min-width:0;
}
.copilot-proactive__tit{
  margin:0;
  font-size:14px;
  font-weight:800;
  color:var(--texto-fuerte,#0f172a);
}
.copilot-proactive__sub{
  margin:2px 0 0;
  font-size:10px;
  color:var(--texto-suave,#64748b);
}
.copilot-proactive__refresh{
  flex-shrink:0;
  border:1px solid var(--gris-300,#cbd5e1);
  background:var(--gris-50,#f8fafc);
  border-radius:8px;
  width:32px;
  height:32px;
  cursor:pointer;
  font-size:16px;
  line-height:1;
}
.copilot-proactive__estado{
  font-size:12px;
  font-weight:600;
  color:var(--texto-base,#334155);
  margin:0 0 8px;
}
.copilot-proactive__block{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid var(--gris-200,#e2e8f0);
}
.copilot-proactive__block-tit{
  margin:0 0 4px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:none;
  color:var(--texto-base,#334155);
}
.copilot-proactive__list{
  margin:0;
  padding-left:16px;
  font-size:11px;
  color:var(--texto-base,#334155);
}
.copilot-proactive__list--rec li{
  margin-bottom:3px;
}
.copilot-proactive__pri{
  font-size:10px;
  font-weight:800;
  text-transform:none;
}
.copilot-proactive__pri--critica{color:#b91c1c}
.copilot-proactive__pri--alta{color:#b45309}
.copilot-proactive__detail{
  color:var(--texto-suave,#64748b);
}
.copilot-proactive__acts{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.copilot-proactive__act{
  font-size:11px;
  font-weight:800;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid var(--gris-400,#94a3b8);
  background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);
  cursor:pointer;
}
.copilot-proactive__chat{
  margin-top:8px;
  width:100%;
  font-size:11px;
  font-weight:800;
  padding:8px;
  border-radius:10px;
  border:1px solid var(--gris-300,#cbd5e1);
  background:var(--gris-100,#f1f5f9);
  cursor:pointer;
}
#pg-dash #dash-copilot-proactive.copilot-proactive-host{
  margin:0;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
.copilot-notif-prefs{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:8px;
}
.copilot-notif-pref-row{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:12px;
  color:var(--texto-base,#334155);
  cursor:pointer;
}
.copilot-notif-pref-row--master{
  font-weight:700;
  padding-bottom:6px;
  border-bottom:1px solid var(--gris-200,#e2e8f0);
}
.copilot-notif-pref-grid{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding-left:4px;
}
/* Sprint 9.1 — selector de idioma (Tools) */
#pg-tools.tools-pg-serio .tools-pg-tile--idioma .tools-pg-tile__sub{
  display:block;
  margin-top:2px;
  font-size:10px;
  font-weight:700;
  line-height:1.25;
  color:var(--texto-suave,#64748b);
}
#m-tools-idioma .i18n-settings-body{
  padding:10px;
}
#m-tools-idioma .i18n-settings-current{
  margin:0 0 8px;
  font-size:13px;
  color:var(--texto-base,#334155);
}
#m-tools-idioma .i18n-locale-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:10px 0 12px;
}
#m-tools-idioma .i18n-locale-row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:var(--borde-fino,1px solid #cbd5e1);
  border-radius:10px;
  background:var(--gris-0,#fff);
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease;
}
#m-tools-idioma .i18n-locale-row.is-active,
#m-tools-idioma .i18n-locale-row:has(input:checked){
  border-color:var(--gris-400,#94a3b8);
  background:var(--gris-50,#f8fafc);
  box-shadow:var(--manto-serio-panel-inset,inset 0 1px 0 rgba(255,255,255,.88));
}
#m-tools-idioma .i18n-locale-row__label{
  font-size:13px;
  font-weight:700;
  color:var(--texto-fuerte,#0f172a);
}
#m-tools-idioma .i18n-locale-row input{
  width:18px;
  height:18px;
  flex-shrink:0;
  accent-color:#334155;
}
#m-tools-idioma .i18n-settings-reload-row{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:8px;
  font-size:12px;
  font-weight:600;
  color:var(--texto-base,#334155);
  cursor:pointer;
}
#m-tools-idioma .i18n-settings-reload-hint{
  margin-top:4px;
}
/* Marca de agua MANTO — solo detrás del scroll de mensajes (no sobre chips/historial) */
#pg-ia.asistente-serio-v1 .ia-serio-chat-body::before{
  content:none!important;
  display:none!important;
}
#pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:url('icons/iamanto.png?v=20260410centro') center center / min(58vmin,300px) auto no-repeat!important;
  opacity:.072!important;
}
#pg-ia.asistente-serio-v1 #ia-chat .ia-bub,
#pg-ia.asistente-serio-v1 #ia-chat .ia-typing,
#pg-ia.asistente-serio-v1 #ia-chat .manto-cop-sugs,
#pg-ia.asistente-serio-v1 #ia-chat .copilot-answer{
  position:relative!important;
  z-index:1!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel-h{
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--manto-serio-panel-borde)!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  flex-shrink:0!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat > .ia-serio-panel-h{
  flex-shrink:0!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel-htit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-h-ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-badge{
  flex-shrink:0!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:var(--manto-btn-b2-color)!important;
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  border-radius:4px!important;
  padding:4px 8px!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel-body:not(.ia-serio-chat-body){
  padding:8px!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-dot{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#64748b!important;
  flex-shrink:0!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-btn-clear{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:#fff!important;
  border:1px solid #cfd4dc!important;
  color:#374151!important;
  border-radius:12px!important;
  padding:5px 10px!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer!important;
  font-family:inherit!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-btn-clear:hover{
  border-color:#991b1b!important;
  color:#991b1b!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-btn-clear img{
  width:14px!important;
  height:14px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat,
#pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll{
  position:relative!important;
  grid-row:4!important;
  align-self:stretch!important;
  z-index:1!important;
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  padding:8px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  overflow-anchor:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  scroll-behavior:auto!important;
  background:var(--gris-0,#fff)!important;
  border-top:1px solid var(--gris-300,#cbd5e1)!important;
}
#pg-ia.asistente-serio-v1 #ia-btn.ia-send--busy{
  opacity:.5!important;
  pointer-events:none!important;
}
@media (max-width:767px){
  #pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat,
  #pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll{
    gap:8px!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-input{
    font-size:16px!important;
  }
}
#pg-ia.asistente-serio-v1 .ia-serio-input-bar{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid var(--manto-tbar-borde,#cfd4dc)!important;
  border-radius:12px!important;
  padding:8px 8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-mic{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  border-radius:12px!important;
  padding:9px 11px!important;
  cursor:pointer!important;
  flex-shrink:0!important;
  transition:border-color .15s,box-shadow .15s,opacity .12s!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-mic:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-mic:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-mic img{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-input{
  flex:1!important;
  min-width:0!important;
  background:transparent!important;
  border:none!important;
  font-size:14px!important;
  font-family:inherit!important;
  outline:none!important;
  color:var(--t1)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-send{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  padding:9px 11px!important;
  font-size:18px!important;
  font-weight:900!important;
  cursor:pointer!important;
  flex-shrink:0!important;
  line-height:1!important;
  transition:border-color .15s,box-shadow .15s,opacity .12s!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  min-height:42px!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-send-ico{
  width:18px!important;
  height:18px!important;
  display:block!important;
  flex-shrink:0!important;
  margin:0!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-send:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-send:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-ia.asistente-serio-v1 .ia-serio-send{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-ia.asistente-serio-v1 .ia-serio-mic{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}

/* Asistente: columna rellena el alto — chat crece, barra fija abajo; sin aire en blanco */
#pg-ia.asistente-serio-v1.serio-v2 > .section > .section-body > .section-content{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  flex-grow:1!important;
  overflow:hidden!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-input-wrap{
  margin-top:0!important;
  flex:0 0 auto!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel--chat{
  flex:1 1 0!important;
  min-height:0!important;
}

/* ── Asistente móvil: barra mic/campo/enviar FIJA encima del nav ──
   --pg-pad-bottom (~84px) era GRANDE vs rail real (.nav ~62–72px) → franja blanca bajo la barra.
   Padding scroll del chat debe cubrir TODA la franja fija (wrap + sombras), no solo la fila .ia-serio-input-bar. */
@media (max-width:767px){
  #pg-ia.asistente-serio-v1{
    /* Alto de la franja fija (mic + campo + enviar + sombra) — reservar en el layout, no solo padding interno del chat */
    --ia-compose-strip-h:calc(96px + env(safe-area-inset-bottom, 0px));
    --ia-nav-rail-top:calc(68px + env(safe-area-inset-bottom, 0px));
  }
  #pg-ia.asistente-serio-v1.pg,
  #pg-ia.asistente-serio-v1.pg.active{
    padding-bottom:0!important;
  }
  /* El bloque conversación termina encima de la barra fija (evita que respuestas queden detrás del input) */
  #pg-ia.asistente-serio-v1 > .section > .section-body > .section-content{
    padding-bottom:var(--ia-compose-strip-h)!important;
    box-sizing:border-box!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-panel--chat{
    flex:1 1 0%!important;
    min-height:0!important;
    max-height:100%!important;
    border-radius:12px!important;
    border-bottom:var(--manto-serio-panel-borde)!important;
    box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-input-wrap{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:var(--ia-nav-rail-top)!important;
    z-index:90!important;
    margin-top:0!important;
    padding:8px 0 10px!important;
    background:var(--superficie-pagina)!important;
    border-radius:0!important;
    box-shadow:0 -6px 20px rgba(15,23,42,.07)!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-input-bar{
    margin:0!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat,
  #pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll{
    padding:8px!important;
    padding-bottom:12px!important;
    scroll-padding-bottom:12px!important;
  }
}
@media (min-width:768px){
  #pg-ia.asistente-serio-v1 .ia-serio-input-wrap{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:4!important;
    box-shadow:none!important;
    padding:0 0 8px!important;
    background:#fff!important;
    border-radius:0 0 12px 12px!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-panel--chat{
    border-radius:12px 12px 0 0!important;
    border-bottom:1px solid #e8ecf0!important;
    box-shadow:none!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat,
  #pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll{
    padding-bottom:8px!important;
  }
}

/* PC: .pg usa align-self:start (styles.css) — estirar a la celda grid y contener scroll interno */
@media (min-width:768px){
  #app #pg-ia.pg,
  #app #pg-ia.pg.asistente-serio-v1.serio-v2{
    align-self:stretch!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  #app #pg-ia.asistente-serio-v1.serio-v2 > .section{
    min-height:0!important;
    flex:1 1 auto!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  #app #pg-ia.asistente-serio-v1.serio-v2 > .section > .section-body{
    min-height:0!important;
    overflow:hidden!important;
  }
}

/* Asistente — SERIO V2 (hero + guía + Temas rápidos; ref #pg-ia.serio-v2) */
#pg-ia.asistente-serio-v1.serio-v2{
  --ia-line:#cfd4dc;
  background:var(--superficie-pagina)!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
@media (min-width:768px){
  #pg-ia.asistente-serio-v1.serio-v2{
    min-height:0!important;
    max-height:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }
  #pg-ia.asistente-serio-v1.serio-v2.pg.active{
    align-self:stretch!important;
    min-height:0!important;
    max-height:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel:not(.ia-serio-panel--chat){
  border-radius:var(--manto-serio-radius)!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel--hero{
  padding:0!important;
}
/* Toolbar bajo hero — mismos tokens tbar que Finanzas/Usuarios */
#pg-ia.asistente-serio-v1 .ia-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-hero-toolbar-inner{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  width:100%!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-hero-cta{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  max-height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.15!important;
  cursor:pointer!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  margin:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-hero-cta__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-hero-cta--tbar{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-hero-cta--tbar .ia-serio-hero-cta__ico{
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-hero-cta--tbar:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-hero-cta--tbar:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-hero-cta--active{
  border-color:#475569!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 0 0 2px rgba(71,85,105,.22)!important;
}
body.light #pg-ia.asistente-serio-v1 .ia-serio-hero-cta--tbar{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-ia.asistente-serio-v1 .ia-serio-hero-cta--tbar:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-ia.asistente-serio-v1 .ia-serio-hero-cta--tbar:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
/* #m-ia-faq: NEW MODAL + Pebble Vida en public/styles.css (ia-faq-modal-serio-v1) */
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--ia-line)!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-hero__title{
  font-size:20px!important;
  font-weight:900!important;
  color:#166534!important;
  margin:2px 0 6px!important;
  line-height:1.15!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:.02em!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.45!important;
  margin:0 0 8px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-badge--hero{
  margin-top:2px!important;
}
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text{
  gap:6px!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-ia.asistente-serio-v1.serio-v2 .ia-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
  }
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}

/* ASISTENTE VIRTUAL — legibilidad PC/móvil (2026-05-25)
   La pantalla no debe quedar encerrada en 100dvh: eso aplastaba brief, chips y chat. */
#pg-ia.asistente-serio-v1.pg,
#pg-ia.asistente-serio-v1.pg.active,
#pg-ia.asistente-serio-v1.serio-v2,
#app #pg-ia.pg.asistente-serio-v1.serio-v2{
  min-height:calc(100dvh - var(--manto-menu-top,56px))!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#pg-ia.asistente-serio-v1 > .section,
#pg-ia.asistente-serio-v1.serio-v2 > .section,
#pg-ia.asistente-serio-v1 > .section > .section-body,
#pg-ia.asistente-serio-v1 > .section > .section-body > .section-content{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#pg-ia.asistente-serio-v1 > .section > .section-body > .section-content{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel--hero{
  flex:0 0 auto!important;
  margin-bottom:0!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat{
  flex:0 0 auto!important;
  min-height:0!important;
  border-radius:14px!important;
  border:var(--manto-serio-panel-borde)!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
  overflow:hidden!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body{
  display:flex!important;
  flex-direction:column!important;
  grid-template-rows:none!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  background:var(--gris-50,#f8fafc)!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body > #ia-copilot-proactive,
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body > #ia-copilot-history,
#pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body > .ia-copilot-chips{
  flex:0 0 auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#pg-ia.asistente-serio-v1 .copilot-proactive{
  margin:0!important;
  border-left:none!important;
  border-right:none!important;
  border-top:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#pg-ia.asistente-serio-v1 .copilot-proactive--empty{
  padding:12px 14px!important;
}
#pg-ia.asistente-serio-v1 .copilot-proactive__empty{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0!important;
  color:var(--texto-base,#334155)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
#pg-ia.asistente-serio-v1 .copilot-proactive--empty .copilot-proactive__refresh{
  width:auto!important;
  min-width:132px!important;
  height:34px!important;
  padding:0 12px!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#pg-ia.asistente-serio-v1 .ia-copilot-chips:not(.ia-serio-suggest-card){
  padding:10px 12px!important;
  background:var(--gris-0,#fff)!important;
}
#pg-ia.asistente-serio-v1 .ia-copilot-chips:not(.ia-serio-suggest-card) .ia-copilot-chips__label{
  margin-bottom:8px!important;
  font-size:11px!important;
}
#pg-ia.asistente-serio-v1 .ia-copilot-chips:not(.ia-serio-suggest-card) .ia-copilot-chip{
  min-height:34px!important;
  padding:7px 11px!important;
  white-space:normal!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat:not(.ia-chat-has-msgs):empty,
#pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll:not(.ia-chat-has-msgs):empty{
  flex:0 0 auto!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-top:none!important;
  background:transparent!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat:not(.ia-chat-has-msgs):empty::after,
#pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll:not(.ia-chat-has-msgs):empty::after{
  content:none!important;
  display:none!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat.ia-chat-has-msgs,
#pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll.ia-chat-has-msgs,
#pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat:not(:empty),
#pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll:not(:empty){
  flex:1 1 auto!important;
  height:auto!important;
  min-height:180px!important;
  max-height:clamp(220px,38dvh,480px)!important;
  border-top:1px solid var(--gris-300,#cbd5e1)!important;
  background:var(--gris-0,#fff)!important;
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel--chat:not(.ia-chat-panel--active){
  flex:0 0 auto!important;
}
#pg-ia.asistente-serio-v1 .ia-serio-input-wrap{
  flex:0 0 auto!important;
  border-radius:14px!important;
  background:transparent!important;
  padding:0!important;
}

@media (min-width:768px){
  #app #pg-ia.pg,
  #app #pg-ia.pg.asistente-serio-v1.serio-v2{
    width:100%!important;
    max-width:1120px!important;
    margin:0 auto!important;
    padding:18px 24px 28px!important;
  }
  #pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row{
    min-height:92px!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-hero-toolbar-inner{
    gap:8px!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-panel--chat.ia-chat-panel--active .ia-serio-chat-body{
    min-height:320px!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-panel--chat:not(.ia-chat-panel--active) .ia-serio-chat-body{
    min-height:0!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat.ia-chat-has-msgs,
  #pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll.ia-chat-has-msgs{
    min-height:240px!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-input-bar{
    min-height:56px!important;
  }
}

@media (max-width:767px){
  #pg-ia.asistente-serio-v1{
    --ia-nav-rail-top:calc(74px + env(safe-area-inset-bottom,0px));
    --ia-compose-strip-h:calc(92px + env(safe-area-inset-bottom,0px));
  }
  #pg-ia.asistente-serio-v1.pg,
  #pg-ia.asistente-serio-v1.pg.active{
    padding-bottom:var(--ia-compose-strip-h)!important;
  }
  #pg-ia.asistente-serio-v1 > .section > .section-body > .section-content{
    padding-bottom:0!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-panel--chat .ia-serio-chat-body{
    min-height:360px!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-chat-scroll#ia-chat,
  #pg-ia.asistente-serio-v1 #ia-chat.ia-serio-chat-scroll{
    min-height:220px!important;
  }
  #pg-ia.asistente-serio-v1 .copilot-proactive__empty{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  #pg-ia.asistente-serio-v1 .copilot-proactive--empty .copilot-proactive__refresh{
    width:100%!important;
  }
  #pg-ia.asistente-serio-v1 .ia-serio-hero-toolbar-inner{
    grid-template-columns:1fr!important;
  }
}
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}

/* Burbujas de chat (asistente IA) */
.ia-bub {
  max-width: 80%;
  padding: 10px 14px;
  border-radius: 16px;
  font-size: 13px;
  line-height: 1.55;
  word-break: break-word;
  white-space: pre-line;
}
#pg-ia.asistente-serio-v1 .ia-bub{
  font-size:15px!important;
  line-height:1.55!important;
  padding:8px 12px!important;
}
#pg-ia.asistente-serio-v1 .ia-bub.bot{
  max-width:100%!important;
}
@media (max-width:767px){
  #pg-ia.asistente-serio-v1 .ia-bub{
    font-size:15px!important;
    line-height:1.55!important;
    padding:8px 12px!important;
  }
}
.ia-bub.user {
  background: var(--g2);
  color: #fff;
  align-self: flex-end;
  border-radius: 16px 16px 4px 16px;
}
.ia-bub.bot {
  background: var(--s3, var(--s2));
  color: var(--t1);
  align-self: flex-start;
  border-radius: 16px 16px 16px 4px;
  border: 1px solid var(--brd);
}
#pg-ia.asistente-serio-v1 .ia-bub.user{
  /* Mensaje del usuario: chip claro, sin bloque gris/gradiente grande */
  background:#f1f5f9!important;
  color:#0f172a!important;
  border:1px solid #e2e8f0!important;
  box-shadow:none!important;
  -webkit-text-fill-color:#0f172a!important;
  border-radius:16px 16px 4px 16px!important;
  max-width:78%!important;
}
#pg-ia.asistente-serio-v1 .ia-bub.bot{
  background:#fff!important;
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  color:#111827!important;
}
.ia-typing {
  align-self: flex-start;
  background: var(--s3, var(--s2));
  border: 1px solid var(--brd);
  border-radius: 16px 16px 16px 4px;
  padding: 12px 16px;
  display: flex;
  gap: 5px;
  align-items: center;
}
#pg-ia.asistente-serio-v1 .ia-typing{
  background:#fff!important;
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  min-height:52px!important;
  box-sizing:border-box!important;
}
.ia-typing span {
  width: 7px; height: 7px;
  background: var(--g1);
  border-radius: 50%;
  animation: iaTyping .9s ease-in-out infinite;
}
#pg-ia.asistente-serio-v1 .ia-typing span{ background:var(--manto-btn-b2-bg)!important; border:1px solid rgba(148,163,184,.35)!important; }
.ia-typing span:nth-child(2){ animation-delay:.15s; }
.ia-typing span:nth-child(3){ animation-delay:.30s; }
@keyframes iaTyping {
  0%,80%,100%{ transform:scale(.6); opacity:.4; }
  40%{ transform:scale(1); opacity:1; }
}

/* ================= FINANZAS — SERIO V2 (fin-serio-* hero + rent-serio-* tabs/contenidos) ================= */
#pg-rent.finanzas-serio-v1{
  --fin-line:#cfd4dc;
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  min-height:min-content!important;
  height:auto!important;
}
#pg-rent.finanzas-serio-v1 .section-content{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#pg-rent.finanzas-serio-v1 #rent-tab-resumen,
#pg-rent.finanzas-serio-v1 #rent-tab-liquidaciones,
#pg-rent.finanzas-serio-v1 #rent-tab-costos,
#pg-rent.finanzas-serio-v1 #rent-tab-calidad,
#pg-rent.finanzas-serio-v1 #rent-tab-nomina{
  display:flex;
  flex-direction:column;
  gap:8px;
}
@media (min-width:768px){
  #pg-rent.finanzas-serio-v1.pg.active{
    align-self:start!important;
  }
}
#pg-rent.finanzas-serio-v1 .fin-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  margin-bottom:0!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-panel--hero{
  padding:0!important;
}
/* Finanzas — toolbar bajo hero (2 CTAs; misma altura/tokens que Descartes/Vacunas / --manto-tbar-*) */
#pg-rent.finanzas-serio-v1 .fin-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero-toolbar-inner{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  width:100%!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  max-height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.15!important;
  cursor:pointer!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  margin:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--liq,
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--gasto{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--liq .fin-serio-hero-cta__ico,
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--gasto .fin-serio-hero-cta__ico{
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--liq:hover,
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--gasto:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--liq:active,
#pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--gasto:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--liq,
body.light #pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--gasto{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--liq:hover,
body.light #pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--gasto:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--liq:active,
body.light #pg-rent.finanzas-serio-v1 .fin-serio-hero-cta--gasto:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--fin-line)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-rent.finanzas-serio-v1 .fin-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-rent.finanzas-serio-v1 .fin-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
#pg-rent.finanzas-serio-v1 .rent-finanzas-tema-strip{
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-bloque-cab-resumen{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-subpanel-h{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--fin-line)!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-subpanel-h__ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-rent.finanzas-serio-v1 .fin-serio-subpanel-h__tit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  letter-spacing:.01em!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  text-transform:none!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-shell{
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  overflow:visible!important;
  margin-bottom:0!important;
  box-shadow:none!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-shell-body{
  padding:0!important;
  background:transparent!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#pg-rent.finanzas-serio-v1 .rent-finanzas-tema-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-bottom:0!important;
  padding:0!important;
  background:transparent!important;
}
/* Finanzas — pestañas en 2 filas: Indicadores Económicos + 4 botones cuadrados */
#pg-rent.finanzas-serio-v1 .rent-finanzas-tema-tabs--split{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  grid-template-columns:unset!important;
}
#pg-rent.finanzas-serio-v1 .rent-finanzas-tabs-row--indicadores{
  width:100%!important;
}
#pg-rent.finanzas-serio-v1 .rent-finanzas-tabs-row--cuatro{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}
/* Indicadores económicos — misma piel que «Registrar gasto» (toolbar tbar) + altura 36px */
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-sizing:border-box!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.1px!important;
  cursor:pointer!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind.rent-serio-tab--active{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  filter:none!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
  filter:none!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind .rent-serio-tab__txt{
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.15!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind .rent-serio-tab__ico{
  width:22px!important;
  height:22px!important;
  flex-shrink:0!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind,
body.light #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind.rent-serio-tab--active{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--solo-ind:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
/* Calidad vacía: CTA misma piel que «Registrar gasto» (no ancho forzado 100%) */
#pg-rent.finanzas-serio-v1 #rent-tab-calidad #cal-hist .fin-serio-hero-cta.rent-cal-cta{
  width:auto!important;
  max-width:100%!important;
  align-self:center!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--square{
  min-height:0!important;
  aspect-ratio:1!important;
  width:100%!important;
  padding:10px 6px 10px!important;
  border-radius:12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
/* Textos alineados en la misma franja inferior (2 líneas reservadas; iconos arriba) */
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--square .rent-serio-tab__txt{
  margin-top:auto!important;
  width:100%!important;
  min-height:2.7em!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:normal!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  hyphens:none!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--square .rent-serio-tab__ico{
  width:28px!important;
  height:28px!important;
  flex-shrink:0!important;
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  #pg-rent.finanzas-serio-v1 .rent-finanzas-tabs-row--cuatro{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--square{
    aspect-ratio:auto!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
    padding:12px 14px!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid var(--gris-300)!important;
    background:linear-gradient(180deg,var(--gris-0),var(--gris-50))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 1px 2px rgba(15,23,42,.06)!important;
  }
  #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--square:hover{
    border-color:var(--gris-400)!important;
    background:linear-gradient(180deg,var(--gris-50),var(--gris-100))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 4px 12px rgba(15,23,42,.10)!important;
  }
  #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--square.rent-serio-tab--active{
    border:1px solid var(--manto-tbar-borde)!important;
    background:var(--manto-tbar-grad-cta)!important;
    box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  }
  #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--square .rent-serio-tab__ico{
    width:34px!important;
    height:34px!important;
    margin:0!important;
    object-fit:contain!important;
  }
  #pg-rent.finanzas-serio-v1 .rent-serio-tab.rent-serio-tab--square .rent-serio-tab__txt{
    margin-top:0!important;
    min-height:0!important;
    font-size:12px!important;
    line-height:1.18!important;
    color:var(--texto-fuerte)!important;
    -webkit-text-fill-color:var(--texto-fuerte)!important;
  }
}
#pg-rent.finanzas-serio-v1 .rent-fin-nomina-pestaña-hint{
  margin:0 0 10px!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:var(--texto-base)!important;
}
/* Caja única Finanzas: marco 1px (sin el borde grueso 2px) */
#pg-rent.finanzas-serio-v1 .rent-finanzas-workspace{
  border:1px solid #d1d9e2!important;
  border-radius:14px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 3px rgba(15,23,42,.08),
    0 12px 28px rgba(15,23,42,.12)!important;
  background:#fff!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
/* Finanzas — línea compacta finca + período */
#pg-rent.finanzas-serio-v1 .rent-fin-quick{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px 10px!important;
  padding:10px 12px!important;
  border:1px solid var(--gris-300)!important;
  border-radius:12px!important;
  background:var(--gris-50)!important;
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__period-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  flex:1 1 220px!important;
  min-width:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__finca{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:13px!important;
  color:var(--texto-base)!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__finca strong{
  color:var(--texto-fuerte)!important;
  font-weight:800!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__finca-ico{ opacity:.85!important; }
#pg-rent.finanzas-serio-v1 .rent-fin-quick__sep{
  color:var(--texto-muted)!important;
  font-weight:700!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__lbl{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:var(--texto-suave)!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__period-row #rent-periodo-sel{
  min-height:36px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}
/* Select acorde al contenido del texto (sin estirar a todo el ancho) */
#pg-rent.finanzas-serio-v1.fin-pebble-vida-20260418 .rent-fin-quick__period-row #rent-periodo-sel.rent-fin-quick__sel,
#pg-rent.finanzas-serio-v1 .rent-fin-quick__period-row #rent-periodo-sel.rent-fin-quick__sel{
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.3!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:min(100%,320px)!important;
  min-width:9.5em!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__sel{
  max-width:min(100%,320px)!important;
  flex:0 1 auto!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
@media (max-width:420px){
  #pg-rent.finanzas-serio-v1 .rent-fin-quick__period-row{
    flex-wrap:wrap!important;
    flex:1 1 100%!important;
  }
}
/* Mes calendario: oculto salvo «Un mes específico…»; al activar, estilo liviano */
#pg-rent.finanzas-serio-v1 .rent-fin-quick__mes-cal.rent-input-month{
  display:none!important;
  margin:0!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  min-height:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  flex:0 0 0!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__mes-cal.rent-input-month.rent-fin-quick__mes-cal--on{
  display:inline-block!important;
  width:auto!important;
  max-width:158px!important;
  min-width:9em!important;
  min-height:34px!important;
  padding:4px 8px!important;
  margin:0!important;
  opacity:1!important;
  pointer-events:auto!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  font-size:14px!important;
  font-weight:700!important;
  color:var(--texto-fuerte)!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(148,163,184,.55)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__rango{
  font-size:15px!important;
  font-weight:700!important;
  color:var(--texto-fuerte)!important;
  background:var(--gris-0)!important;
  border:1px solid var(--gris-300)!important;
  border-radius:8px!important;
  padding:6px 10px!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
  min-width:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__sub{
  display:block!important;
  font-size:12px!important;
  color:var(--texto-suave)!important;
  margin:6px 0 0!important;
  padding:0 4px!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick__sub[hidden]{ display:none!important; }

/* Extras: solo aparecen al elegir “Un mes” o “Rango” */
#pg-rent.finanzas-serio-v1 .rent-fin-quick-extra{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border:1px dashed var(--gris-300)!important;
  border-radius:12px!important;
  background:var(--gris-50)!important;
  box-sizing:border-box!important;
}
/* Par compacto label+input que NO se rompe en dos líneas */
#pg-rent.finanzas-serio-v1 .rent-fin-quick-pair{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:1 1 0!important;
  min-width:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-quick-extra__lbl{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:var(--texto-suave)!important;
  flex:0 0 auto!important;
}
#pg-rent.finanzas-serio-v1 .rent-input-month,
#pg-rent.finanzas-serio-v1 .rent-date-inp{
  min-height:34px!important;
  height:34px!important;
  border-radius:8px!important;
  border:1px solid var(--gris-300)!important;
  padding:2px 6px!important;
  font-size:12px!important;
  background:var(--gris-0)!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
}

/* Subtítulo dinámico bajo pestañas */
#pg-rent.finanzas-serio-v1 .rent-finanzas-tema-strip--simple{
  padding:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-tab-subtitle{
  margin:8px 4px 0!important;
  font-size:12px!important;
  line-height:1.4!important;
  color:var(--texto-suave)!important;
}
/* Estado vacío de Indicadores (ningún dato en el período) */
#pg-rent.finanzas-serio-v1 .rent-fin-empty{
  margin:0 0 4px!important;
  padding:14px 16px!important;
  border:1px dashed var(--gris-300)!important;
  border-radius:12px!important;
  background:var(--gris-50)!important;
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-empty[hidden]{ display:none!important; }
#pg-rent.finanzas-serio-v1 .rent-fin-empty__title{
  margin:0 0 6px!important;
  font-size:14px!important;
  font-weight:800!important;
  color:var(--texto-fuerte)!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-empty__txt{
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:var(--texto-base)!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-empty__cta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:10px!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-empty__cta .btn{
  flex:1 1 auto!important;
  min-height:34px!important;
}

/* Acceso fijo «Nómina y trabajadores» en la pestaña Gastos */
#pg-rent.finanzas-serio-v1 .rent-fin-nomina-cta{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 4px!important;
  padding:12px 14px!important;
  border:1px solid var(--gris-300)!important;
  border-radius:12px!important;
  background:linear-gradient(168deg,#ffffff 0%,#f1f5f9 60%,#e2e8f0 100%)!important;
  cursor:pointer!important;
  text-align:left!important;
  box-sizing:border-box!important;
  transition:transform .12s ease, box-shadow .12s ease!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-nomina-cta:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 6px 14px rgba(15,23,42,.08)!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-nomina-cta__ico{
  font-size:24px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-nomina-cta__txt{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-nomina-cta__tit{
  font-size:14px!important;
  font-weight:800!important;
  color:var(--texto-fuerte)!important;
  line-height:1.2!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-nomina-cta__sub{
  margin-top:2px!important;
  font-size:12px!important;
  color:var(--texto-suave)!important;
  line-height:1.3!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-nomina-cta__arrow{
  font-size:20px!important;
  font-weight:900!important;
  color:var(--texto-suave)!important;
  flex:0 0 auto!important;
}
#pg-rent.finanzas-serio-v1 .rent-input-month,
#pg-rent.finanzas-serio-v1 .rent-date-inp{
  min-height:40px!important;
  border-radius:10px!important;
  border:1px solid var(--gris-300)!important;
  padding:6px 10px!important;
  font-size:14px!important;
  background:var(--gris-0)!important;
}
/* ── #m-nomina-finca — NEW MODAL + Pebble Vida; cabecera = Exportar JSON (.manto-header-serio-v1) ── */
#m-nomina-finca.tools-action-modal.bitacora-serio-v2.modal-nuevo .mbox.bitacora-mbox{
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  gap:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid #d1d9e2!important;
  background:#ffffff!important;
  box-shadow:
    0 8px 28px rgba(15,23,42,.12),
    0 2px 8px rgba(15,23,42,.06)!important;
  box-sizing:border-box!important;
}
#m-nomina-finca.tools-action-modal.bitacora-serio-v2 .nomina-modal-serio-body.tools-action-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:10px!important;
  margin:0!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#f8fafc!important;
}
#m-nomina-finca.tools-action-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell{
  flex:0 0 auto!important;
  padding:10px 12px!important;
  margin:0!important;
  border:none!important;
  border-top:1px solid var(--manto-newmodal-h-border-color-light,#94a3b8)!important;
  border-radius:0!important;
  background:var(--manto-newmodal-foot-bg-light)!important;
  box-shadow:none!important;
}
#m-nomina-finca.tools-action-modal.bitacora-serio-v2 .nomina-footer-row.bit-bitacora-footer-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
}
#m-nomina-finca.tools-action-modal.bitacora-serio-v2 .nomina-footer-row .bit-bitacora-foot-cancel,
#m-nomina-finca.tools-action-modal.bitacora-serio-v2 .nomina-footer-row .bit-bitacora-foot-save{
  flex:1 1 0!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border-radius:12px!important;
  padding:0 14px!important;
  gap:8px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
}
#m-nomina-finca.tools-action-modal.bitacora-serio-v2 .nomina-footer-row .bit-bitacora-foot-cancel-ico,
#m-nomina-finca.tools-action-modal.bitacora-serio-v2 .nomina-footer-row .bit-bitacora-foot-save-ico{
  width:18px!important;
  height:18px!important;
  margin:0!important;
  flex-shrink:0!important;
  object-fit:contain!important;
}
#m-nomina-finca .nomina-modal-lead{
  font-size:12px!important;
  line-height:1.45!important;
  color:var(--texto-base)!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1px solid var(--gris-300)!important;
  background:var(--gris-0)!important;
}
#m-nomina-finca .nomina-serio-bloque{
  margin-bottom:0!important;
}
#m-nomina-finca .nomina-serio-bloque--totals .nomina-totals{
  margin-top:8px!important;
}
#m-nomina-finca .nomina-table-wrap{
  overflow-x:auto!important;
  margin:8px 0!important;
  border-radius:10px!important;
  border:1px solid var(--gris-300)!important;
}
#m-nomina-finca .nomina-table{
  width:100%!important;
  border-collapse:collapse!important;
  font-size:13px!important;
}
#m-nomina-finca .nomina-table th,
#m-nomina-finca .nomina-table td{
  padding:8px!important;
  border-bottom:1px solid var(--gris-200)!important;
  text-align:left!important;
}
#m-nomina-finca .nomina-table th{
  font-size:11px!important;
  font-weight:800!important;
  color:var(--texto-suave)!important;
  text-transform:uppercase!important;
}
#m-nomina-finca .nomina-add-btn{
  width:100%!important;
  margin-top:4px!important;
  min-height:36px!important;
  height:36px!important;
  max-height:36px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
}
#m-nomina-finca .nomina-add-btn__ico{
  width:18px!important;
  height:18px!important;
  margin:0!important;
  flex-shrink:0!important;
  object-fit:contain!important;
}
#m-nomina-finca .nomina-pct-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
@media (max-width:520px){
  #m-nomina-finca .nomina-pct-grid{ grid-template-columns:1fr!important; }
}
#m-nomina-finca .nomina-modal-note{
  font-size:11px!important;
  color:var(--texto-suave)!important;
  margin:8px 0 0!important;
}
#m-nomina-finca .nomina-totals{
  margin-top:0!important;
  padding:12px!important;
  border-radius:12px!important;
  border:1px solid var(--gris-300)!important;
  background:var(--gris-50)!important;
}
#m-nomina-finca .nomina-reg-gasto-btn{
  width:100%!important;
  margin-top:10px!important;
  min-height:36px!important;
  height:36px!important;
  max-height:36px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
}
#m-nomina-finca .nomina-reg-gasto-btn__ico{
  width:18px!important;
  height:18px!important;
  margin:0!important;
  flex-shrink:0!important;
  object-fit:contain!important;
}
#m-nomina-finca .nomina-total-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  font-size:13px!important;
  padding:4px 0!important;
  color:var(--texto-base)!important;
}
#m-nomina-finca .nomina-total-row--grand{
  margin-top:8px!important;
  padding-top:10px!important;
  border-top:1px solid var(--gris-300)!important;
  font-weight:800!important;
  font-size:15px!important;
}
#m-nomina-finca .nomina-row-del{
  min-width:36px!important;
  padding:4px 8px!important;
}
#pg-rent.finanzas-serio-v1 .rent-finanzas-workspace__panes{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:8px 10px 14px!important;
  background:#ffffff!important;
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1 .rent-finanzas-seccion-bajo{
  border-top:1px solid var(--gris-300)!important;
  padding:10px 0 4px 0!important;
  margin-top:2px!important;
  background:#ffffff!important;
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab{
  background:var(--manto-btn-b3-bg)!important;
  color:var(--manto-btn-b3-color)!important;
  border:var(--manto-btn-b3-border)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:8px 6px!important;
  min-height:56px!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
  white-space:normal!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  transition:border-color .15s, background .15s, box-shadow .15s!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  line-height:1.15!important;
  text-align:center!important;
  -webkit-tap-highlight-color:transparent!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab__ico{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  opacity:.95!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab__txt{
  text-align:center!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab:hover{
  border-color:#cbd5e1!important;
  filter:brightness(.98)!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-tab--active{
  background:var(--manto-btn-b2-bg)!important;
  color:var(--manto-btn-b2-color)!important;
  border:var(--manto-btn-b2-border)!important;
  font-weight:800!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:4px!important;
  margin-bottom:0!important;
  overflow:hidden!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(0,0,0,.05),
    0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-panel-h{
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid #e5e7eb!important;
  padding:8px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-panel-h--wrap{ flex-wrap:wrap!important; }
#pg-rent.finanzas-serio-v1 .rent-serio-h-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-cpl-badge{
  font-size:10px!important;
  font-weight:800!important;
  padding:4px 8px!important;
  border-radius:4px!important;
  flex-shrink:0!important;
  letter-spacing:.02em!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-cpl-badge--gain{
  color:var(--manto-btn-b2-color)!important;
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-cpl-badge--loss{
  color:#fff!important;
  background:#b91c1c!important;
  border:1px solid #991b1b!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-panel-body{ padding:12px!important; }
#pg-rent.finanzas-serio-v1 .rent-serio-panel-body--chart{
  padding:10px 12px 12px!important;
  background:#f9fafb!important;
  border-top:1px solid #e5e7eb!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-select{
  background:#fff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
  border-radius:4px!important;
  padding:5px 8px!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
  font-family:inherit!important;
}
#pg-rent.finanzas-serio-v1 .rent-ghist-tabs{
  display:flex!important;
  gap:4px!important;
  flex-shrink:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-ghist-tab{
  background:#fff!important;
  border:1px solid #cfd4dc!important;
  color:#64748b!important;
  border-radius:4px!important;
  padding:5px 10px!important;
  font-size:10px!important;
  font-weight:700!important;
  cursor:pointer!important;
  font-family:inherit!important;
  white-space:nowrap!important;
}
#pg-rent.finanzas-serio-v1 .rent-ghist-tab--active{
  background:#e5e7eb!important;
  color:#374151!important;
  border:1px solid #64748b!important;
  font-weight:800!important;
}
#pg-rent.finanzas-serio-v1 .rent-ghist-kpi-row{
  display:flex!important;
  gap:8px!important;
  padding:10px 12px 0!important;
  flex-wrap:wrap!important;
  background:#fff!important;
}
#pg-rent.finanzas-serio-v1 .rent-ghist-chart{
  width:100%!important;
  min-height:160px!important;
}
#pg-rent.finanzas-serio-v1 .rent-ghist-tooltip{
  margin-top:8px!important;
  background:#fff!important;
  border:1px solid #cfd4dc!important;
  border-left:3px solid #166534!important;
  border-radius:4px!important;
  padding:10px 12px!important;
  font-size:12px!important;
  color:var(--t1)!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-kpi-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-bottom:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-serio-kpi-grid--3{
  grid-template-columns:1fr 1fr 1fr!important;
}
@media(max-width:520px){
  #pg-rent.finanzas-serio-v1 .rent-serio-kpi-grid--3{ grid-template-columns:1fr 1fr!important; }
}
/* Base KPI: padding — borde/acento/ fondo en Pebble Vida vía styles.css (Fase C) + _rentKpi */
#pg-rent.finanzas-serio-v1 .rent-kpi-cell{
  border-radius:12px!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1:not(.fin-pebble-vida-20260418) .rent-kpi-cell{
  border:1px solid #e5e7eb!important;
}
#pg-rent.finanzas-serio-v1:not(.fin-pebble-vida-20260418) #rent-kpis .rent-kpi-cell,
#pg-rent.finanzas-serio-v1:not(.fin-pebble-vida-20260418) #cal-kpis .rent-kpi-cell{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #e2e8f0!important;
  border-left:3px solid #64748b!important;
  border-radius:10px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
}
#pg-rent.finanzas-serio-v1:not(.fin-pebble-vida-20260418) #rent-kpis .rent-kpi-cell > div:first-child,
#pg-rent.finanzas-serio-v1:not(.fin-pebble-vida-20260418) #cal-kpis .rent-kpi-cell > div:first-child{
  color:#64748b!important;
}
#pg-rent.finanzas-serio-v1:not(.fin-pebble-vida-20260418) #rent-kpis .rent-kpi-cell > div:last-child,
#pg-rent.finanzas-serio-v1:not(.fin-pebble-vida-20260418) #cal-kpis .rent-kpi-cell > div:last-child{
  color:#111827!important;
}
#pg-rent.finanzas-serio-v1 .rent-cos-cats-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-bottom:0!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-cat-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-cos-row{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  padding:10px 12px!important;
  margin-bottom:8px!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  border-left:3px solid #64748b!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-liq-row{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  padding:12px!important;
  margin-bottom:8px!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  border-left:3px solid #64748b!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
}
#pg-rent.finanzas-serio-v1 #liq-list .empty,
#pg-rent.finanzas-serio-v1 #cos-list .empty{
  padding:18px 14px!important;
  text-align:center!important;
  border:1px dashed var(--gris-300)!important;
  border-radius:12px!important;
  background:var(--gris-50)!important;
  box-sizing:border-box!important;
}
#pg-rent.finanzas-serio-v1 #liq-list .empty .empty-txt,
#pg-rent.finanzas-serio-v1 #cos-list .empty .empty-txt{
  font-size:13px!important;
  font-weight:600!important;
  color:var(--texto-suave)!important;
  line-height:1.4!important;
}
#pg-rent.finanzas-serio-v1 .rent-fin-cal-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  padding:12px!important;
  margin-bottom:8px!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  border-left:3px solid #64748b!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
}

/* Costo por litro — HTML generado por JS (misma línea visual que KPIs serios) */
.rent-cpl-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin-bottom:10px;
  box-sizing:border-box;
}
.rent-cpl-grid--2{
  grid-template-columns:1fr 1fr;
  margin-bottom:0;
}
.rent-cpl-stat{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:4px;
  padding:11px 8px;
  text-align:center;
  box-sizing:border-box;
}
.rent-cpl-stat__lbl{
  font-size:10px;
  color:#64748b;
  font-weight:700;
  margin-bottom:4px;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
.rent-cpl-stat__val{
  font-size:18px;
  font-weight:900;
  line-height:1.2;
}
.rent-cpl-stat__val--lg{
  font-size:20px;
}
.rent-cpl-empty{
  font-size:12px;
  color:#64748b;
  text-align:center;
  padding:12px;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}

/*
 * ═══════════════════════════════════════════════════════════════════
 * MANTO — SERIO V1 vs SERIO V2
 * ───────────────────────────────────────────────────────────────────
 * SERIO V1 — Base visual: tokens :root (--manto-btn-b2/b3, paneles, vitreo), marcos,
 *   bisel, botones. Muchas secciones siguen solo esta capa.
 * SERIO V2 — Plantilla de pantalla (nombre oficial): bloque hero (kicker + título +
 *   subtítulo) + guía opcional (pasos o una línea) + paneles en orden operativo
 *   (acciones → datos → historial). Misma piel que V1; clase .serio-v2 en el .pg.
 * Referencias piloto: #login.serio-v2 (Login), #pg-ani.serio-v2 (Animales), #pg-lec.serio-v2 (Leche), #pg-pesaje.serio-v2 (Pesaje), #pg-nac.serio-v2 (Partos), #pg-pot.serio-v2 (Potreros), #pg-desc.serio-v2 (Descartes), #pg-vac.serio-v2 (Vacunas), #pg-ins.serio-v2 (Insumos), #pg-rent.serio-v2 (Finanzas), #pg-usr.serio-v2 (Usuarios), #pg-cal.serio-v2 (Eventos), #pg-ia.serio-v2 (Asistente), #pg-tools.serio-v2 (Tools), #m-backup.serio-v2 (Centro de la app), #m-bsq-ani.bitacora-serio-v2 (búsqueda animal header).
 * Para pedir cambios: «SERIO V2».
 * Marco de paneles: 1px #d1d5db. Controles «vitreo»: #cbd5e1.
 * Modales — contrato (unificar en fases; tokens --manto-serio-v2-mbox-* en :root):
 *   Modal raíz: primer nivel sobre la app (.modal + .mbox principal).
 *   Modal anidado: segundo nivel encima de un modal ya abierto; misma familia visual,
 *   z-index mayor que el raíz, sin mezclar reglas ad-hoc por pantalla.
 *   Nomenclatura UI: «modal» / «diálogo modal»; lo interno al segundo nivel → «modal anidado».
 *   Clases opt-in (auditoría): .modal.modal--serio-v2-root | .modal.modal--serio-v2-nested (z-index);
 *   .mbox.mbox--serio-root | .mbox.mbox--serio-nested (tamaño/sombra/borde vía tokens --manto-serio-v2-mbox-*).
 * Herencia actual: body.manto-serio-v1-app (marco .mbox); SERIO V1 sigue vigente hasta migración.
 * ═══════════════════════════════════════════════════════════════════
 */
:root{
  /* ╔══════════════════════════════════════════════════════════════════════╗
     ║  PALETA UNIFICADA SLATE — Establecida 18/04/2026                    ║
     ║  Ley: .cursor/rules/paleta-unificada.mdc                            ║
     ║  ----------------------------------------------------------------   ║
     ║  UNA sola escala de grises, UN solo set de texto, UNA regla de      ║
     ║  3 capas visuales (página → bloque → elemento). Los tokens viejos   ║
     ║  (--manto-newmodal-*, --manto-serio-panel-borde, etc.) se           ║
     ║  mantienen como ALIAS abajo para no romper lo existente, pero       ║
     ║  el trabajo nuevo debe usar estos tokens canónicos.                 ║
     ╚══════════════════════════════════════════════════════════════════════╝ */

  /* ── 1. Escala cruda de grises (6 niveles, SLATE) ─────────────────── */
  --gris-0:   #ffffff;   /* blanco puro — inputs, filas, superficies elevadas */
  --gris-50:  #f8fafc;   /* fondo de PÁGINA (canvas detrás de bloques) */
  --gris-100: #f1f5f9;   /* fondo de BLOQUE/CARD y header de bloque */
  --gris-200: #e2e8f0;   /* fila alterna (zebra), hover suave */
  --gris-300: #cbd5e1;   /* bordes finos (inputs, cards) */
  --gris-400: #94a3b8;   /* bordes fuertes / separadores h/body/foot */

  /* ── 2. Texto (4 niveles) ─────────────────────────────────────────── */
  --texto-fuerte: #0f172a;   /* títulos H1/H2, números importantes */
  --texto-base:   #334155;   /* cuerpo, labels, botones secundarios */
  --texto-suave:  #64748b;   /* subtítulos, hints, valores secundarios */
  --texto-muted:  #94a3b8;   /* placeholder, "sin datos", disabled */

  /* ── 3. Superficies (funcionales, usar estos en CSS nuevo) ───────── */
  /* ESTÉTICA ELEGANTE (18/04/2026 — fase 2.2c, estilo Linear/Stripe/Notion):
     canvas casi blanco, headers de bloque BLANCOS (o gradient ultra-sutil),
     y la separación entre piezas la da un borde fino #e5e7eb + una sombra
     drop muy suave en las cards. No saturar la UI con gris. */
  --superficie-pagina:        #ffffff;  /* 2026-04-21: blanco puro — pedido usuario */
  --superficie-bloque:        #ffffff;  /* cards = blanco puro */
  /* Vertical (180deg) para que se vea IDÉNTICO sin importar el ancho del header.
     Cualquier gradiente diagonal (ej. 168deg) hace que headers anchos y angostos
     se vean con tonos distintos aunque usen la misma variable. */
  --superficie-bloque-header: linear-gradient(180deg, #eef2f7 0%, #dfe4ea 100%);
  --superficie-input:         #ffffff;
  --superficie-fila:          #ffffff;
  --superficie-fila-alt:      #f8fafc;
  --superficie-fila-hover:    #f1f5f9;

  /* ── 4. Bordes ────────────────────────────────────────────────────── */
  /* Separadores finos tipo Stripe: #e5e7eb (slate-200). El "fuerte" solo
     sube un pelín a #d1d5db para líneas estructurales, sin exagerar. */
  --borde-fino:   1px solid #e5e7eb;
  --borde-fuerte: 1px solid #d1d5db;

  /* ── 4.1 Header de bloque — canónico UNIFICADO (fase 2.2g) ──────────
     Tamaño moderado, tipo producto SaaS profesional (Stripe/Linear/
     Notion). NO se exageran iconos ni títulos para que la app se vea
     consistente sin importar el ancho del card.
     Aplica a todos los headers de bloque / widget / card.
     NO aplica a modales (56px) ni heros (banda grande). */
  --header-bloque-h:       44px;   /* alto FIJO canónico de todo header de bloque (compacto) */
  --header-bloque-pad-y:   4px;
  --header-bloque-pad-x:   12px;
  --header-bloque-gap:     10px;
  --header-bloque-ico-sz:  36px;   /* icono — mismo tamaño en TODOS los headers */
  --header-bloque-tit-sz:  15px;   /* tamaño título — mismo en TODOS */
  --header-bloque-tit-w:   800;    /* peso — mismo en TODOS */

  /* ── CARD canónica (fase 2.4) — fondo + borde + radio + sombra únicos ── */
  --card-bg:               linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  --card-border:           1px solid #e5e7eb;
  --card-radius:           10px;
  --card-shadow:           0 1px 2px rgba(15,23,42,.04);

  /* ── 5. Modal (alias — header y footer GEMELOS, mismo gradient) ──── */
  --modal-header-bg: var(--superficie-bloque-header);
  --modal-footer-bg: var(--superficie-bloque-header);
  --modal-body-bg:   var(--superficie-pagina);
  --modal-borde-sep: var(--borde-fuerte);

}
/* ══ PERÍODO / chips filtro — contrato global (26px, piel --manto-chip-ref-* en :root) ══
 * Fuente: --manto-period-sel-h, --manto-period-sel-pad-x en :root.
 * Cubre: button.fp (Animales, Partos, Descartes, Leche .fp.tb, Potreros, Actividad…), Pesaje .tb, Exportar (Tools).
 * Excluido: button.fp[data-inscat] (fila categorías Insumos). Lista/Mosaico .vb no van aquí.
 * Dashboard/modal gráfico leche [data-dash-leche-mode]: reglas dedicadas más abajo (#pg-dash / #m-dash-leche-grafico).
 */
body button.fp:not([data-inscat="true"]),
body .pes-serio-prom-seg .tb,
body .pes-prom-fp-strip .tb,
body #m-tool-exportar .tool-serio-tb-row button.tb{
  box-sizing:border-box!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  margin:0!important;
  border-radius:var(--manto-chip-ref-inner-r)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  font-size:var(--manto-period-sel-fs)!important;
  font-weight:var(--manto-period-sel-fw)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.15!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  flex-shrink:0!important;
  cursor:pointer!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
  transition:background .15s,border-color .15s,box-shadow .15s,color .15s,opacity .15s!important;
}
body button.fp:not([data-inscat="true"]):not(.active):hover,
body .pes-serio-prom-seg .tb:not(.active):hover,
body .pes-prom-fp-strip .tb:not(.active):hover,
body #m-tool-exportar .tool-serio-tb-row button.tb:not(.active):hover{
  border-color:#c4cbd4!important;
  box-shadow:var(--manto-chip-ref-shadow-off),0 1px 2px rgba(15,23,42,.06)!important;
}
body button.fp:not([data-inscat="true"]).active,
body .pes-serio-prom-seg .tb.active,
body .pes-prom-fp-strip .tb.active,
body #m-tool-exportar .tool-serio-tb-row button.tb.active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body button.fp:not([data-inscat="true"]).active:hover,
body .pes-serio-prom-seg .tb.active:hover,
body .pes-prom-fp-strip .tb.active:hover,
body #m-tool-exportar .tool-serio-tb-row button.tb.active:hover{
  border-color:#4a5d6e!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
}
body button.fp:not([data-inscat="true"]).active:active,
body .pes-serio-prom-seg .tb.active:active,
body .pes-prom-fp-strip .tb.active:active,
body #m-tool-exportar .tool-serio-tb-row button.tb.active:active{
  opacity:.97!important;
  background:linear-gradient(180deg,#c9d6e4 0%,#7a8fa3 100%)!important;
}
body button.fp:not([data-inscat="true"]):focus-visible,
body .pes-serio-prom-seg .tb:focus-visible,
body .pes-prom-fp-strip .tb:focus-visible,
body #m-tool-exportar .tool-serio-tb-row button.tb:focus-visible{
  outline:2px solid rgba(100,116,139,.45)!important;
  outline-offset:2px!important;
}
/* Menú lateral (drawer) — SERIO V1 modo claro: vitreo + borde panel */
body.light #menu-logo{
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f6 100%)!important;
  border-right:var(--manto-serio-panel-borde)!important;
}
body.light #menu-logo .mnu-sec-title{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  color:#64748b!important;
  letter-spacing:.12em!important;
}
/* Tokens B2/B3/danger/ghost: ver :root (app completa) */
#pg-lec.leche-serio-v1{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  --lec-bg:var(--superficie-pagina);
  --lec-panel:#ffffff;
  --lec-line:#cfd4dc;
  --lec-line-strong:#b9c0ca;
  --lec-text:#111827;
  --lec-muted:#4b5563;
  --manto-bisel-claro: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(0,0,0,.11);
  --manto-bisel-claro-borde: #c4cad4;
  --manto-bisel-oscuro: inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(0,0,0,.42);
  --manto-panel-bisel: inset 0 1px 0 rgba(255,255,255,.78), inset 0 -1px 0 rgba(0,0,0,.05);
  --manto-panel-sombra: 0 1px 2px rgba(15,23,42,.05);
  --manto-tab-vitreo-bg:var(--manto-btn-b3-bg);
  /* SERIO V2 — Producción + histórico (tokens locales) */
  --lec-s2-radius:20px;
  --lec-s2-shadow:0 2px 14px rgba(15,23,42,.07);
  --lec-s2-hist-shadow:0 2px 10px rgba(15,23,42,.07);
  --lec-s2-card-bg:var(--lec-panel,#fff);
  --lec-s2-card-border:1px solid #e8ecf0;
  --lec-s2-emerald:#059669;
  --lec-s2-text:var(--lec-text,#111827);
  --lec-s2-muted:#64748b;
  --lec-s2-ring-track:#e2e8f0;
  --lec-s2-ring-prog:#94a3b8;
  --lec-s2-footer-line:#f0f0f0;
  --lec-s2-hist-line:#f1f5f9;
  --lec-s2-tab-active:#334155;
  --lec-s2-tab-bg:#f1f5f9;
}
/* Layout global — cada .pg usa .section > (.section-header + .section-body); mismo ritmo vertical en toda la app */
.pg > .section{
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
/* Vac / Usr: .section en columna para que .manto-hero-sec-spacer (flex:0 0 8px) no colapse (igual criterio que #pg-ia) */
#pg-vac.pg > .section,
#pg-usr.pg > .section{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.pg > .section > .section-header{
  padding-bottom:8px!important;
  margin-bottom:0!important;
}
.pg > .section > .section-body{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
/* Único hijo: envuelve todo el contenido; padding-top fijo header→bloques (no depende del primer panel). */
.pg > .section > .section-body > .section-content{
  padding-top:8px!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  flex:1 1 auto!important;
  box-sizing:border-box!important;
}
/* Contrato: el ritmo vertical lo maneja el gap (evita sumar margins por panel). */
.pg > .section > .section-body > .section-content > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
.pg > .section > .section-body > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
#pg-lec.leche-serio-v1 > .section > .section-header,
#pg-pesaje.pesaje-serio-v1 > .section > .section-header,
#pg-nac.partos-serio-v1 > .section > .section-header,
#pg-pot.potreros-serio-v1 > .section > .section-header{
  margin-bottom:0!important;
}
/* Paneles Tools: ritmo vertical en .section-content (gap 16px; styles.css tenía margin-bottom en .tools-pg-panel) */
#pg-tools.tools-pg-serio > .section > .section-body .tools-pg-panel{
  margin-bottom:0!important;
}
#pg-lec.leche-serio-v1 > .section > .section-header{
  background:var(--lec-panel)!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:4px!important;
  overflow:hidden!important;
  box-shadow:var(--manto-panel-bisel), var(--manto-panel-sombra)!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  /* Evita sumar 8px extra (.pg .section-header) al aire hero→Resumen; el margen lo da .section-content */
  padding-bottom:0!important;
}
/* Ritmo vertical: hero→Resumen, Resumen↔Producción, Producción↔Historial = 8px (vs global 16px gap) */
#pg-lec.leche-serio-v1 > .section > .section-body > .section-content{
  gap:8px!important;
  row-gap:8px!important;
  padding-top:8px!important;
}
/* Producción Leche — panel SERIO V2: shell interno lleva borde/sombra; el > div no duplica marco */
#pg-lec.leche-serio-v1 > .section > .section-body .section-content > div.lec-serio-panel--produccion,
#pg-lec.leche-serio-v1 > .section > .section-body .section-content > div.lec-serio-panel--historic{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
/* ── Hero sección: shell rail único (panel #fff + radio pequeño vs hero 14px → triángulos blancos) — todas las pantallas con *-serio-panel--hero + .dash-serio-hero -- */
#pg-lec.leche-serio-v1 > .section > .section-header.lec-serio-panel--hero,
#pg-lec.leche-serio-v1 > div.lec-serio-panel--hero,
#pg-ani.animales-serio-v1 .ani-serio-panel.ani-serio-panel--hero,
#pg-nac.partos-serio-v1 .partos-serio-panel.partos-serio-panel--hero,
#pg-vac.vacunas-serio-v1 .vac-serio-panel.vac-serio-panel--hero,
#pg-desc.descartes-serio-v1 .desc-serio-panel.desc-serio-panel--hero,
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel.pes-serio-panel--hero,
#pg-ins.insumos-serio-v1 .ins-serio-panel.ins-serio-panel--hero,
#pg-cal.eventos-serio-v1 .cal-serio-panel.cal-serio-panel--hero,
#pg-usr.usuarios-serio-v1 .usr-serio-panel.usr-serio-panel--hero,
#pg-rent.finanzas-serio-v1 .fin-serio-panel.fin-serio-panel--hero,
#pg-pot.potreros-serio-v1 .pot-serio-panel.pot-serio-panel--hero,
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel.ia-serio-panel--hero,
#pg-tools.tools-pg-serio .tools-pg-panel.tools-pg-panel--hero{
  /* Hero "premium" elegante (estética Linear/Stripe): gradient slate muy suave
     que se nota contra el canvas #f8fafc pero sin ser "industrial gris". */
  background:linear-gradient(180deg, #f1f5f9 0%, #e8ecf1 48%, #e2e8f0 100%)!important;
  border:var(--borde-fuerte)!important;
  border-radius:14px!important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.05),
    inset 0 1px 1px rgba(255,255,255,.7)!important;
  overflow:hidden!important;
  padding:0!important;
}
/* Header hero — padding-bottom = Animales (#pg-ani .ani-serio-panel--hero → 0 vía bloque *-serio-panel--hero arriba). */
#pg-lec.leche-serio-v1 > .section > .section-header.lec-serio-panel--hero,
#pg-pesaje.pesaje-serio-v1 > .section > .section-header.pes-serio-panel--hero,
#pg-nac.partos-serio-v1 > .section > .section-header.partos-serio-panel--hero,
#pg-pot.potreros-serio-v1 > .section > .section-header.pot-serio-panel--hero,
#pg-vac.vacunas-serio-v1 > .section > .section-header.vac-serio-panel--hero,
#pg-ins.insumos-serio-v1 > .section > .section-header.ins-serio-panel--hero,
#pg-cal.eventos-serio-v1 > .section > .section-header.cal-serio-panel--hero,
#pg-usr.usuarios-serio-v1 > .section > .section-header.usr-serio-panel--hero,
#pg-ia.asistente-serio-v1 > .section > .section-header.ia-serio-panel--hero{
  padding-bottom:0!important;
}

/* Hero: padding strip / toolbar — valores desde :root (--manto-hero-*), referencia Leche */
#pg-ani.animales-serio-v1 .ani-serio-hero-toolbar,
#pg-lec.leche-serio-v1 .lec-serio-hero-toolbar,
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar,
#pg-desc.descartes-serio-v1 .desc-serio-hero-toolbar,
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar,
#pg-rent.finanzas-serio-v1 .fin-serio-hero-toolbar,
#pg-usr.usuarios-serio-v1 .usr-serio-hero-toolbar,
#pg-ia.asistente-serio-v1 .ia-serio-hero-toolbar{
  padding:var(--manto-hero-toolbar-pad)!important;
}
#pg-lec.leche-serio-v1 .lec-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
  /* 4px aire total vs strip: 2px abajo del título + 2px arriba del área de botones */
  padding:2px 10px 10px!important;
}
#pg-lec.leche-serio-v1 .lec-serio-hero-toolbar-inner{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  width:100%!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}
/* Hero Animales — botón ayuda en cabecera (carga real: styles.min.css; refuerzo aquí) */
#pg-ani.animales-serio-v1 .ani-serio-panel--hero .dash-serio-hero__ico-help-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:none!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  line-height:0!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel--hero .dash-serio-hero__ico-help-btn:focus-visible{
  outline:2px solid rgba(255,255,255,.92)!important;
  outline-offset:2px!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__ico-help-btn .dash-serio-hero__ico-inline{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))!important;
}
#pg-lec.leche-serio-v1 .lec-hero-cta,
#pg-lec.leche-serio-v1 .lec-serio-hero-toolbar-inner > .btn.bg_{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.15!important;
}
/* Toolbar hero Leche: «Registrar leche» y «Registrar lote» — curvatura moderada (12px) */
#pg-lec.leche-serio-v1 .lec-serio-hero-toolbar-inner > .lec-hero-cta{
  border-radius:12px!important;
}
#pg-lec.leche-serio-v1 .lec-hero-cta__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-lec.leche-serio-v1 .lec-hero-cta,
body.light #pg-lec.leche-serio-v1 .lec-serio-hero-toolbar-inner > .btn.bg_{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-lec.leche-serio-v1 .lec-hero-cta:hover,
body.light #pg-lec.leche-serio-v1 .lec-serio-hero-toolbar-inner > .btn.bg_:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-lec.leche-serio-v1 .lec-hero-cta:active,
body.light #pg-lec.leche-serio-v1 .lec-serio-hero-toolbar-inner > .btn.bg_:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
/* Vacunas — toolbar bajo hero (1 CTA; mismos tokens tbar que Leche) */
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar-inner{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  width:100%!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-cta{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.15!important;
  cursor:pointer!important;
  margin:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-cta__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-cta{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-cta:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-cta:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
/* === Vacunas hero toolbar — buscador + CTA idénticos a Eventos (clon de reglas Eventos/Potreros/Insumos) === */
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-topbar,
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-toolbar{
  display:grid!important;
  grid-template-columns:var(--manto-tbar-row-cols)!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  align-items:center!important;
  margin:0!important;
  width:100%!important;
  min-width:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-search-wrap{
  flex:unset!important;
  width:100%!important;
  min-width:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-topbar .btn{
  width:100%!important;
  max-width:100%!important;
  margin-top:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-toolbar > .swrap,
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-topbar > .swrap{
  margin-bottom:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-search-wrap{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  height:var(--manto-tbar-search-h)!important;
  min-height:var(--manto-tbar-search-h)!important;
  max-height:var(--manto-tbar-search-h)!important;
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-search-wrap .sico{
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:15px!important;
  height:15px!important;
  pointer-events:none!important;
  color:#334155!important;
  opacity:.85!important;
  filter:drop-shadow(0 0 0.5px rgba(15,23,42,.35))!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-search-wrap .sico::before{
  content:''!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23334155' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  opacity:.9!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-voz-btn{
  position:absolute!important;
  right:5px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:var(--manto-tbar-voz)!important;
  height:var(--manto-tbar-voz)!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e8edf4 100%)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:50%!important;
  cursor:pointer!important;
  color:#475569!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  transition:background .15s ease,box-shadow .15s ease,transform .05s ease!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 6px rgba(15,23,42,.1)!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-voz-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef2f7 100%)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 3px 10px rgba(15,23,42,.12)!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-voz-btn:active{
  transform:translateY(-50%) scale(.96)!important;
  box-shadow:inset 0 2px 4px rgba(15,23,42,.12)!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-voz-btn img{
  width:14px!important;
  height:14px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:contrast(1.12) drop-shadow(0 0.5px rgba(15,23,42,.35))!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .sinp{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  color:var(--manto-tbar-txt)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  line-height:1.35!important;
  font-size:13px!important;
  font-weight:600!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-search-wrap .sinp{
  padding:0 42px 0 31px!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-add-btn,
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-topbar .btn.bg_,
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-toolbar .btn.bg_{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-add-btn .ani-add-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-add-btn,
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-topbar .btn.bg_,
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-toolbar .btn.bg_{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-add-btn:hover,
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-topbar .btn.bg_:hover,
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-add-btn:active,
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-topbar .btn.bg_:active,
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-vac.vacunas-serio-v1 .vac-serio-hero-toolbar .ani-search-wrap .sinp::placeholder{
  color:var(--manto-tbar-txt-sec,#64748b)!important;
  opacity:.85!important;
}
/* === Vacunas / Usuarios: gap entre paneles; 8px bajo la toolbar = styles + manto-hero-bloque-8px === */
#pg-vac.vacunas-serio-v1 > .section > .section-body > .section-content{
  gap:8px!important;
  row-gap:8px!important;
}
#pg-usr.usuarios-serio-v1 > .section > .section-body > .section-content{
  gap:8px!important;
  row-gap:8px!important;
}
/* Partos — toolbar bajo hero (misma franja y altura CTA que Leche/Pesaje) */
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
}
/* Hero toolbar — fila buscador | CTA: grid + proporción única (Animales / Partos / Potreros) */
#pg-ani.animales-serio-v1 .ani-serio-hero-toolbar .ani-topbar,
#pg-ani.animales-serio-v1 .ani-serio-hero-toolbar .ani-serio-toolbar,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-topbar,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-toolbar{
  display:grid!important;
  grid-template-columns:var(--manto-tbar-row-cols)!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  align-items:center!important;
  margin:0!important;
  width:100%!important;
  min-width:0!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero-toolbar .ani-search-wrap,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-search-wrap,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-search-wrap,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-search-wrap,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-search-wrap,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-search-wrap{
  flex:unset!important;
  width:100%!important;
  min-width:0!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-ani.animales-serio-v1 .ani-serio-hero-toolbar .ani-topbar .btn,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar .btn,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar .btn,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar .btn,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar .btn,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-topbar .btn{
  width:100%!important;
  max-width:100%!important;
  flex:unset!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
}
/* Partos — misma fila buscador + CTA que Animales (clases ani-topbar / ani-search-wrap) */
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar > .swrap,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar > .swrap{
  margin-bottom:0!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-search-wrap{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  height:var(--manto-tbar-search-h)!important;
  min-height:var(--manto-tbar-search-h)!important;
  max-height:var(--manto-tbar-search-h)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-search-wrap .sico{
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:15px!important;
  height:15px!important;
  pointer-events:none!important;
  color:#334155!important;
  opacity:.85!important;
  filter:drop-shadow(0 0 0.5px rgba(15,23,42,.35))!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-search-wrap .sico::before{
  content:''!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23334155' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  opacity:.9!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-voz-btn{
  position:absolute!important;
  right:5px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:var(--manto-tbar-voz)!important;
  height:var(--manto-tbar-voz)!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e8edf4 100%)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:50%!important;
  cursor:pointer!important;
  color:#475569!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  transition:background .15s ease,box-shadow .15s ease,transform .05s ease!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 6px rgba(15,23,42,.1)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-voz-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef2f7 100%)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 3px 10px rgba(15,23,42,.12)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-voz-btn:active{
  transform:translateY(-50%) scale(.96)!important;
  box-shadow:inset 0 2px 4px rgba(15,23,42,.12)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-voz-btn img{
  width:14px!important;
  height:14px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:contrast(1.12) drop-shadow(0 0.5px rgba(15,23,42,.35))!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-search-wrap,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar .swrap.ani-search-wrap{
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .sinp{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  color:var(--manto-tbar-txt)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  line-height:1.35!important;
  font-size:13px!important;
  font-weight:600!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-search-wrap .sinp{
  padding:0 42px 0 31px!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar .btn{
  margin-top:0!important;
}
/* Mismo bloque que #pg-ani .ani-add-btn — esquinas 12px como Animales */
#pg-nac.partos-serio-v1 .partos-hero-cta,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-add-btn,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar .btn.bg_,
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar .btn.bg_{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-add-btn .ani-add-ico,
#pg-nac.partos-serio-v1 .partos-hero-cta__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-hero-cta,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-add-btn,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar .btn.bg_,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar .btn.bg_{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-hero-cta:hover,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-add-btn:hover,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar .btn.bg_:hover,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-hero-cta:active,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-add-btn:active,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar .btn.bg_:active,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-search-wrap,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-topbar .swrap.ani-search-wrap,
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-serio-toolbar .swrap.ani-search-wrap{
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-search-wrap .sinp::placeholder{
  color:var(--manto-tbar-txt-sec,#64748b)!important;
  opacity:.85!important;
}
/* CARNE — toolbar bajo hero (mismo contrato que Partos/Animales) */
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-toolbar > .swrap,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-topbar > .swrap{
  margin-bottom:0!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-search-wrap{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  height:var(--manto-tbar-search-h)!important;
  min-height:var(--manto-tbar-search-h)!important;
  max-height:var(--manto-tbar-search-h)!important;
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-search-wrap .sico{
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:15px!important;
  height:15px!important;
  pointer-events:none!important;
  color:#334155!important;
  opacity:.85!important;
  filter:drop-shadow(0 0 0.5px rgba(15,23,42,.35))!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-search-wrap .sico::before{
  content:''!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23334155' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  opacity:.9!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .sinp{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  color:var(--manto-tbar-txt)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  line-height:1.35!important;
  font-size:13px!important;
  font-weight:600!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-search-wrap .sinp{
  padding:0 42px 0 31px!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-voz-btn{
  position:absolute!important;
  right:5px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:var(--manto-tbar-voz)!important;
  height:var(--manto-tbar-voz)!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e8edf4 100%)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:50%!important;
  cursor:pointer!important;
  color:#475569!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  transition:background .15s ease,box-shadow .15s ease,transform .05s ease!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 6px rgba(15,23,42,.1)!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-voz-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef2f7 100%)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 3px 10px rgba(15,23,42,.12)!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-voz-btn:active{
  transform:translateY(-50%) scale(.96)!important;
  box-shadow:inset 0 2px 4px rgba(15,23,42,.12)!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-voz-btn img{
  width:14px!important;
  height:14px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:contrast(1.12) drop-shadow(0 0.5px rgba(15,23,42,.35))!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-topbar .btn{
  margin-top:0!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .carne-hero-cta,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-add-btn,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-topbar .btn.bg_,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-toolbar .btn.bg_{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .carne-hero-cta__ico,
#pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-add-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .carne-hero-cta,
body.light #pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-add-btn,
body.light #pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-topbar .btn.bg_,
body.light #pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-serio-toolbar .btn.bg_{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-carne.carne-serio-v1 .carne-serio-hero-toolbar .ani-search-wrap{
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
}

/* Carne · teaser DIAMANTE — CTA igual que «Nuevo animal», altura 36px */
#pg-carne.carne-serio-v1 .carne-teaser-btn{
  min-height:36px!important;
  height:36px!important;
  max-height:36px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  margin-top:4px!important;
}
body.light #pg-carne.carne-serio-v1 .carne-teaser-btn{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
}
#pg-carne.carne-serio-v1 .carne-teaser-btn:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-carne.carne-serio-v1 .carne-teaser-btn:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}

/* Potreros — toolbar bajo hero (idéntico a Partos/Animales: buscador + Nuevo potrero) */
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
}
/* Padding vertical del toolbar Eventos = mismo token que Animales/Partos/Potreros/Insumos (#7064–7073 → --manto-hero-toolbar-pad). */
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar > .swrap,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar > .swrap,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar > .swrap,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar > .swrap,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar > .swrap,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar > .swrap{
  margin-bottom:0!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-search-wrap,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-search-wrap,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-search-wrap{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  height:var(--manto-tbar-search-h)!important;
  min-height:var(--manto-tbar-search-h)!important;
  max-height:var(--manto-tbar-search-h)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-search-wrap .sico,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-search-wrap .sico,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-search-wrap .sico{
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:15px!important;
  height:15px!important;
  pointer-events:none!important;
  color:#334155!important;
  opacity:.85!important;
  filter:drop-shadow(0 0 0.5px rgba(15,23,42,.35))!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-search-wrap .sico::before,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-search-wrap .sico::before,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-search-wrap .sico::before{
  content:''!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23334155' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  opacity:.9!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-voz-btn,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-voz-btn,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-voz-btn{
  position:absolute!important;
  right:5px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:var(--manto-tbar-voz)!important;
  height:var(--manto-tbar-voz)!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e8edf4 100%)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:50%!important;
  cursor:pointer!important;
  color:#475569!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  transition:background .15s ease,box-shadow .15s ease,transform .05s ease!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 6px rgba(15,23,42,.1)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-voz-btn:hover,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-voz-btn:hover,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-voz-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef2f7 100%)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 3px 10px rgba(15,23,42,.12)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-voz-btn:active,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-voz-btn:active,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-voz-btn:active{
  transform:translateY(-50%) scale(.96)!important;
  box-shadow:inset 0 2px 4px rgba(15,23,42,.12)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-voz-btn img,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-voz-btn img,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-voz-btn img{
  width:14px!important;
  height:14px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:contrast(1.12) drop-shadow(0 0.5px rgba(15,23,42,.35))!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-search-wrap,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar .swrap.ani-search-wrap,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-search-wrap,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar .swrap.ani-search-wrap,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-search-wrap,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar .swrap.ani-search-wrap{
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .sinp,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .sinp,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .sinp{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  color:var(--manto-tbar-txt)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  line-height:1.35!important;
  font-size:13px!important;
  font-weight:600!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-search-wrap .sinp,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-search-wrap .sinp,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-search-wrap .sinp{
  padding:0 42px 0 31px!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar .btn,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar .btn,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar .btn,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar .btn{
  margin-top:0!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-add-btn,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar .btn.bg_,
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar .btn.bg_,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-add-btn,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar .btn.bg_,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar .btn.bg_,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-add-btn,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar .btn.bg_,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar .btn.bg_{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-add-btn .ani-add-ico,
#pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-add-btn .ani-add-ico,
#pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-add-btn .ani-add-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-add-btn,
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar .btn.bg_,
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar .btn.bg_,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-add-btn,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar .btn.bg_,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar .btn.bg_,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-add-btn,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar .btn.bg_,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar .btn.bg_{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-add-btn:hover,
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar .btn.bg_:hover,
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:hover,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-add-btn:hover,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar .btn.bg_:hover,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:hover,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-add-btn:hover,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar .btn.bg_:hover,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-add-btn:active,
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar .btn.bg_:active,
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:active,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-add-btn:active,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar .btn.bg_:active,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:active,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-add-btn:active,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar .btn.bg_:active,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar .btn.bg_:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-search-wrap,
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-topbar .swrap.ani-search-wrap,
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-serio-toolbar .swrap.ani-search-wrap,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-search-wrap,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-topbar .swrap.ani-search-wrap,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-serio-toolbar .swrap.ani-search-wrap,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-search-wrap,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-topbar .swrap.ani-search-wrap,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-serio-toolbar .swrap.ani-search-wrap{
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-search-wrap .sinp::placeholder,
body.light #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-search-wrap .sinp::placeholder,
body.light #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-search-wrap .sinp::placeholder{
  color:var(--manto-tbar-txt-sec,#64748b)!important;
  opacity:.85!important;
}
/* Insumos — toolbar hero comparte reglas con Eventos/Potreros (arriba). Solo movimientos — tema claro: */
body.light #pg-ins.insumos-serio-v1 .ins-serio-btn-compra,
body.light #pg-ins.insumos-serio-v1 .ins-serio-btn-uso{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-ins.insumos-serio-v1 .ins-serio-btn-compra:hover,
body.light #pg-ins.insumos-serio-v1 .ins-serio-btn-uso:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-ins.insumos-serio-v1 .ins-serio-btn-compra:active,
body.light #pg-ins.insumos-serio-v1 .ins-serio-btn-uso:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
/* Descartes — Shell Manto: toolbar bajo hero (2 CTAs 40px; Agregar = tbar; Muerte = excepción --manto-btn-desc-muerte-*). Esquinas 12px como Leche «Registrar leche». */
#pg-desc.descartes-serio-v1 .desc-serio-hero-toolbar{
  margin-top:0!important;
  background:#fafbfc!important;
  /* Línea doble/“gruesa” por borde+hero: solo separación casi sin borde duro */
  border-top:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;
  box-sizing:border-box!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero-toolbar-inner{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  width:100%!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  max-height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.15!important;
  cursor:pointer!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  margin:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta__ico{
  /* Antes 18px: leía pequeño vs botón 40px altura (vacas, triángulos) */
  width:28px!important;
  height:28px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  object-position:center!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta--agregar,
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta--muerte{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta--agregar .desc-serio-hero-cta__ico,
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta--muerte .desc-serio-hero-cta__ico{
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
  opacity:1!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta--agregar:hover,
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta--muerte:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta--agregar:active,
#pg-desc.descartes-serio-v1 .desc-serio-hero-cta--muerte:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-desc.descartes-serio-v1 .desc-serio-hero-cta--agregar,
body.light #pg-desc.descartes-serio-v1 .desc-serio-hero-cta--muerte{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-desc.descartes-serio-v1 .desc-serio-hero-cta--agregar:hover,
body.light #pg-desc.descartes-serio-v1 .desc-serio-hero-cta--muerte:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-desc.descartes-serio-v1 .desc-serio-hero-cta--agregar:active,
body.light #pg-desc.descartes-serio-v1 .desc-serio-hero-cta--muerte:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
/* Descartes — 4 consultas (Historial, Top 10, Bajas, Rentabilidad): cuadrícula compacta encima de filtros */
/* ╔══════════════════════════════════════════════════════════════╗
   ║  DESCARTES HUB — 4 botones CUADRADOS (Historial / Top 10 /   ║
   ║  Bajas / Rentabilidad) con piel Pebble SERIO V2 IDÉNTICA     ║
   ║  a los 8 tiles del hub Reproducción (#pg-dash, línea 14100). ║
   ║  ----------------------------------------------------------  ║
   ║  Piel:                                                       ║
   ║   · Fondo: radial-gradient sutil abajo + linear-gradient     ║
   ║     blanco→slate claro (#ffffff → #f5f8fc → #e8edf4).        ║
   ║   · Borde: 1px solid #cbd5e1 (claro, NO el slate oscuro      ║
   ║     #64748b de los botones base).                            ║
   ║   · Sombras: inset highlight + inset suave abajo + 2 drop    ║
   ║     shadows progresivas (cuerpo y elevación suave).          ║
   ║   · Pseudo-elementos ::before (gleam brillo arriba-derecha)  ║
   ║     y ::after (spotlight inferior al hover).                 ║
   ║  Ícono:                                                      ║
   ║   · 46×46 con fondo blanco radial, borde #b8c2cf, sombras    ║
   ║     inset + drop + filter drop-shadow (mismo que hub repro). ║
   ║  Al no tener exponenciales/badges, el contenido va           ║
   ║  centrado verticalmente (justify-content:center).            ║
   ╚══════════════════════════════════════════════════════════════╝ */
#pg-desc.descartes-serio-v1 .desc-hub-card-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 8px!important;
  align-items:stretch!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card{
  /* Cuadrado con curvas */
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 6px!important;
  box-sizing:border-box!important;
  /* Layout del contenido — centrado (no hay badge) */
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  /* ─── PIEL PEBBLE SERIO V2 — idéntica al hub Reproducción ─── */
  border-radius:14px!important;
  background:
    radial-gradient(140% 120% at 50% 120%, rgba(148,163,184,0) 58%, rgba(148,163,184,.18) 100%),
    linear-gradient(168deg, #ffffff 0%, #f5f8fc 52%, #e8edf4 100%)!important;
  border:1px solid #cbd5e1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(148,163,184,.18),
    0 1px 2px rgba(15,23,42,.06),
    0 4px 10px rgba(15,23,42,.04)!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  /* Tipografía */
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.18!important;
  text-align:center!important;
  letter-spacing:-0.005em!important;
  /* Comportamiento */
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:
    transform .18s cubic-bezier(.2,.8,.2,1),
    border-color .18s ease,
    box-shadow .22s ease,
    background .22s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
/* Gleam decorativo arriba-derecha (mismo que hub Reproducción) */
#pg-desc.descartes-serio-v1 .desc-hub-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-24px!important;
  right:-24px!important;
  width:72px!important;
  height:72px!important;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 68%)!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.55!important;
  transition:opacity .22s ease, transform .22s ease!important;
}
/* Spotlight inferior al hover (mismo que hub Reproducción) */
#pg-desc.descartes-serio-v1 .desc-hub-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:-28px!important;
  width:78%!important;
  height:46px!important;
  transform:translateX(-50%)!important;
  background:radial-gradient(50% 70% at 50% 30%, rgba(100,116,139,.18) 0%, rgba(100,116,139,0) 75%)!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:0!important;
  transition:opacity .22s ease!important;
}
/* Contenido siempre por encima de los pseudo-elementos */
#pg-desc.descartes-serio-v1 .desc-hub-card > *{
  position:relative!important;
  z-index:1!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card:hover{
  transform:translateY(-2px)!important;
  border-color:#94a3b8!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 4px rgba(15,23,42,.06),
    0 10px 22px rgba(15,23,42,.10)!important;
  background:
    radial-gradient(140% 120% at 50% 120%, rgba(148,163,184,0) 55%, rgba(148,163,184,.22) 100%),
    linear-gradient(168deg, #ffffff 0%, #f7fafc 50%, #e4eaf2 100%)!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card:hover::before{
  opacity:.85!important;
  transform:translate(-3px, 3px)!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card:hover::after{
  opacity:1!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card:active{
  transform:translateY(0) scale(.98)!important;
  box-shadow:
    inset 0 1px 2px rgba(15,23,42,.08),
    0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card:focus-visible{
  outline:none!important;
  border-color:#64748b!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 0 3px rgba(100,116,139,.22),
    0 8px 18px rgba(15,23,42,.10)!important;
}

/* ── Ícono interior: IDÉNTICO al hub Reproducción ─────────────────── */
#pg-desc.descartes-serio-v1 .desc-hub-card__ico{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:46px!important;
  padding:6px!important;
  border-radius:14px!important;
  border:1px solid #b8c2cf!important;
  background:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(155deg, #ffffff 0%, #eef2f7 48%, #d7dee8 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(148,163,184,.28),
    0 2px 4px rgba(15,23,42,.10),
    0 6px 14px rgba(15,23,42,.06)!important;
  filter:drop-shadow(0 1px 2px rgba(15,23,42,.18))!important;
  color:#334155!important;
  flex-shrink:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card__ico svg{
  display:block!important;
  width:26px!important;
  height:26px!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card__ico img{
  display:block!important;
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
}
#pg-desc.descartes-serio-v1 .desc-hub-card:hover .desc-hub-card__ico{
  transform:translateY(-2px) scale(1.04)!important;
  border-color:#94a3b8!important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(155deg, #ffffff 0%, #f1f5f9 48%, #cdd5e0 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(100,116,139,.35),
    0 4px 8px rgba(15,23,42,.14),
    0 10px 22px rgba(15,23,42,.10)!important;
}

/* Escritorio — íconos un pelo mayores (igual que hub Reproducción) */
@media (min-width:520px){
  #pg-desc.descartes-serio-v1 .desc-hub-card__ico{
    width:50px!important;
    height:50px!important;
  }
}
/* Móvil estrecho */
@media (max-width:360px){
  #pg-desc.descartes-serio-v1 .desc-hub-card__ico{
    width:40px!important;
    height:40px!important;
    padding:5px!important;
    border-radius:12px!important;
  }
  #pg-desc.descartes-serio-v1 .desc-hub-card__ico svg,
  #pg-desc.descartes-serio-v1 .desc-hub-card__ico img{
    width:22px!important;
    height:22px!important;
  }
}
@media (max-width:380px){
  #pg-desc.descartes-serio-v1 .desc-hub-card-row{
    gap:6px!important;
  }
  #pg-desc.descartes-serio-v1 .desc-hub-card{
    padding:8px 4px!important;
    gap:6px!important;
    font-size:10px!important;
  }
}

/* Label — sin hyphens automáticos */
#pg-desc.descartes-serio-v1 .desc-hub-card__lbl{
  width:100%!important;
  padding:0 2px!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  text-align:center!important;
  line-height:1.18!important;
  letter-spacing:-0.005em!important;
  hyphens:manual!important;
  -webkit-hyphens:manual!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  margin:0!important;
}
/* Pesaje — toolbar bajo hero (3 CTAs: Nueva sesión, Importar, Nutrición hato). Esquinas 12px como Leche/Descartes. */
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
  /* 4px aire total vs strip título (2px abajo + 2px arriba), alineado con #pg-lec */
  padding:2px 10px 10px!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar-inner{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  width:100%!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-hero-cta,
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar-inner > .btn.bg_{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.15!important;
  cursor:pointer!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-hero-cta__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 .pes-hero-cta,
body.light #pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar-inner > .btn.bg_{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 .pes-hero-cta:hover,
body.light #pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar-inner > .btn.bg_:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 .pes-hero-cta:active,
body.light #pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar-inner > .btn.bg_:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
/* Siempre una sola fila con los 3 CTAs; en pantallas angostas se reduce tipografía/padding */
@media (max-width:520px){
  #pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar-inner{
    gap:var(--manto-hero-toolbar-gap)!important;
  }
  #pg-pesaje.pesaje-serio-v1 .pes-hero-cta,
  #pg-pesaje.pesaje-serio-v1 .pes-serio-hero-toolbar-inner > .btn.bg_{
    font-size:11px!important;
    padding:0 6px!important;
    gap:5px!important;
  }
  #pg-pesaje.pesaje-serio-v1 .pes-hero-cta__ico{
    width:16px!important;
    height:16px!important;
  }
}
#pg-lec.leche-serio-v1 .lec-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ani.animales-serio-v1 .ani-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-nac.partos-serio-v1 .partos-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-vac.vacunas-serio-v1 .vac-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-desc.descartes-serio-v1 .desc-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ins.insumos-serio-v1 .ins-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-cal.eventos-serio-v1 .cal-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-usr.usuarios-serio-v1 .usr-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-rent.finanzas-serio-v1 .fin-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-pot.potreros-serio-v1 .pot-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
#pg-tools.tools-pg-serio .tools-pg-panel--hero .dash-serio-hero.dash-serio-hero--title-strip{
  border-radius:0!important;
  border:none!important;
  box-shadow:none!important;
  margin:0!important;
  background:transparent!important;
}
/* Leche/Eventos/Pesaje — padding unificado 8px 10px 8px (mismo que Animales por defecto) */
#pg-lec.leche-serio-v1 .lec-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip{
  padding:8px 10px 8px!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip{
  padding:8px 10px 8px!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip{
  padding:8px 10px 8px!important;
}
/* Leche — hero legacy (.lec-serio-hero*); la cabecera viva usa .dash-serio-hero (shell arriba) */
#pg-lec.leche-serio-v1 .lec-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--lec-line)!important;
}
#pg-lec.leche-serio-v1 .lec-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-lec.leche-serio-v1 .lec-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-lec.leche-serio-v1 .lec-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-lec.leche-serio-v1 .lec-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-lec.leche-serio-v1 .lec-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-lec.leche-serio-v1 .lec-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-lec.leche-serio-v1 .lec-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
/* Recuadro único: 6 KPI + acciones — misma piel que Dashboard Inicio / Totalidad del Hato */
#pg-lec.leche-serio-v1 .dash-inicio-recuadro.lec-dash-recuadro-kpi-acciones{
  margin-bottom:0!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde,1px solid #d1d5db)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
}
#pg-lec.leche-serio-v1 .lec-dash-recuadro-kpi-acciones .dash-inicio-recuadro__head.lec-dash-recuadro__head{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  padding:8px 10px 8px 10px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
  box-shadow:none!important;
  min-width:0!important;
}
#pg-lec.leche-serio-v1 .lec-dash-recuadro__head-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
  min-width:0!important;
}
#pg-lec.leche-serio-v1 .lec-dash-recuadro__head-brand .serio-v1-title-box--header-bloque{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:min(42vw,200px)!important;
}
/* Scroll horizontal del período (no arrastra la página): misma idea que filtros Animales */
#pg-lec.leche-serio-v1 .lec-dash-recuadro__period-scroll{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pinch-zoom!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding:2px 0 2px 4px!important;
  box-sizing:border-box!important;
}
#pg-lec.leche-serio-v1 .lec-dash-recuadro__period-scroll::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
#pg-lec.leche-serio-v1 .lec-dash-recuadro__period-scroll #lec-kpi-period-btns.lec-dash-recuadro__period-strip{
  display:flex!important;
  flex-flow:row nowrap!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  width:max-content!important;
  min-width:min-content!important;
  padding:0 6px 0 0!important;
  box-sizing:border-box!important;
}
#pg-lec.leche-serio-v1 .lec-dash-recuadro__period-scroll #lec-kpi-period-btns .fp.tb{
  flex:0 0 auto!important;
}
#pg-lec.leche-serio-v1 .lec-dash-recuadro-kpi-acciones .serio-v1-icon-box.header-bloque .dash-inicio-recuadro__ico{
  width:28px!important;
  height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:none!important;
}
/* Mismo tamaño tipográfico que «Producción de leche» (.lec-prod-tit) */
#pg-lec.leche-serio-v1 .lec-dash-recuadro-kpi-acciones .dash-inicio-recuadro__tit#lec-dash-recuadro-tit{
  margin:0!important;
  font-size:15px!important;
  font-weight:900!important;
  color:#111827!important;
  letter-spacing:.01em!important;
  line-height:1.25!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-dash-recuadro__body{
  padding:14px 10px 10px!important;
  background:#ffffff!important;
}
#pg-lec.leche-serio-v1 .lec-dash-kpi-block{
  padding:0 0 8px!important;
  margin:0 0 8px!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}
/* Nutrición Hato — mismo CTA que Registrar leche (.lec-hero-cta), ancho al contenido (no barra ancha); misma curvatura 12px */
#pg-lec.leche-serio-v1 .lec-nutricion-wide.lec-hero-cta{
  width:auto!important;
  max-width:min(320px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  border-radius:12px!important;
}
#pg-lec.leche-serio-v1 .lec-dash-acciones-block{
  padding:0!important;
  margin:0!important;
}
/* Sub-bloque acciones (dentro del recuadro) */
#pg-lec.leche-serio-v1 .lec-dash-acciones-hd{
  padding:0 0 8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#pg-lec.leche-serio-v1 .lec-dash-acciones-hd__tit{
  font-size:12px!important;
  font-weight:800!important;
  color:#374151!important;
  letter-spacing:.2px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-dash-acciones-hd__hint{
  font-size:10px!important;
  font-weight:600!important;
  color:#94a3b8!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-dash-acciones-body{
  padding:0!important;
  background:transparent!important;
}
#pg-lec.leche-serio-v1 .lec-serio-actions-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  align-items:stretch!important;
}
#pg-lec.leche-serio-v1 .lec-nutricion-row{
  display:flex!important;
  justify-content:center!important;
  margin-top:4px!important;
}
#pg-lec.leche-serio-v1 .lec-serio-act{
  box-sizing:border-box!important;
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  max-height:var(--manto-tbar-cta-h)!important;
  border-radius:var(--manto-tbar-radius)!important;
  font-size:13px!important;
  font-weight:700!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  text-align:center!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:.1px!important;
  line-height:1.15!important;
  border:none!important;
  width:100%!important;
  min-width:0!important;
  -webkit-tap-highlight-color:transparent!important;
}
#pg-lec.leche-serio-v1 .lec-serio-act__ico{
  width:24px!important;
  height:24px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-lec.leche-serio-v1 .lec-serio-act--primary{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
/* Producción de leche — recuadro único estilo Partos + gráfico = dashboard */
#pg-lec.leche-serio-v1 .lec-serio-panel--produccion{
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
/* Sin padding vertical aquí: si no, se suma al gap 8px del .section-content (~14–16px gris visibles) */
#pg-lec.leche-serio-v1 .lec-prod-outer{
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
/* Sin padding H en el wrap: la banda de cabecera va al borde (como Resumen). El 6px
   en contenido post-cabecera lo aporta Leche Pebble v2 en styles: .lec-prod-wrap > :not(.lec-prod-head) */
#pg-lec.leche-serio-v1 .lec-prod-wrap{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:0 0 10px!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
}
#pg-lec.leche-serio-v1 .lec-prod-head{
  display:flex!important;
  justify-content:space-between!important;
  gap:10px!important;
  align-items:center!important;
  margin-bottom:8px!important;
  flex-wrap:wrap!important;
}
#pg-lec.leche-serio-v1 .lec-prod-tit-wrap{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  flex:1!important;
}
#pg-lec.leche-serio-v1 .lec-prod-tit-ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-lec.leche-serio-v1 .lec-prod-tit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:.01em!important;
}
/* Chips período / vista histórico — toolbar tipo Animales (--manto-tbar-*) */
#pg-lec.leche-serio-v1 .lec-prod-fpstrip{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0 0 8px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  font-size:var(--manto-period-sel-fs)!important;
  font-weight:var(--manto-period-sel-fw)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  white-space:nowrap!important;
  border-radius:var(--manto-chip-ref-inner-r)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  cursor:pointer!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
  transition:background .15s,border-color .15s,box-shadow .15s,color .15s!important;
}
#pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb:not(.active):hover{
  border-color:#c4cbd4!important;
  box-shadow:var(--manto-chip-ref-shadow-off),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb.active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb.active:hover{
  border-color:#4a5d6e!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb.active:active{
  opacity:.97!important;
  background:linear-gradient(180deg,#c9d6e4 0%,#7a8fa3 100%)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb:focus-visible{
  outline:2px solid rgba(100,116,139,.45)!important;
  outline-offset:2px!important;
}
@media (max-width:420px){
  #pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb{
    flex:1 1 calc(50% - 3px)!important;
    font-size:var(--manto-period-sel-fs)!important;
    font-weight:var(--manto-period-sel-fw)!important;
    padding:0 var(--manto-period-sel-pad-x)!important;
    height:var(--manto-period-sel-h)!important;
    min-height:var(--manto-period-sel-min-h)!important;
    max-height:var(--manto-period-sel-max-h)!important;
  }
  /* Fila de 5 períodos bajo gráfico: grid fijo, no 2×2 del flex genérico */
  #pg-lec.leche-serio-v1 #lec-period-btns.lec-prod-period-btns .fp.tb{
    flex:none!important;
    width:auto!important;
    min-width:0!important;
  }
}
#pg-lec.leche-serio-v1 .lec-prod-resumen{
  margin:0 0 10px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-prod-resumen strong{
  color:#111827!important;
  font-weight:800!important;
}
/* Resumen período (si usa .pes-serio-prom-seg): mismos chips que Pesaje / imagen referencia */
#pg-lec.leche-serio-v1 .lec-resumen-periodo-wrap .pes-serio-prom-seg{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
}
#pg-lec.leche-serio-v1 .lec-resumen-periodo-wrap .pes-serio-prom-seg .tb{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  font-size:var(--manto-period-sel-fs)!important;
  border-radius:var(--manto-chip-ref-inner-r)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  font-weight:var(--manto-period-sel-fw)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
}
#pg-lec.leche-serio-v1 .lec-resumen-periodo-wrap .pes-serio-prom-seg .tb.active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
/* Gráfico — mismas piezas que dashboard */
#pg-lec.leche-serio-v1 .lec-prod-dash-card.dash-leche-chart-card{
  border:none!important;
  border-radius:var(--manto-serio-radius)!important;
  overflow:hidden!important;
  margin:0 0 6px!important;
  background:#ffffff!important;
  border:1px solid var(--lec-line,#e2e8f0)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-card__head{
  padding:12px 14px 10px!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 100%)!important;
  border-bottom:1px solid var(--manto-tab-vitreo-borde,#e2e8f0)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-card__head-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .lec-dash-chart-head-ayuda{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--manto-tab-vitreo-borde,#e2e8f0)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .lec-dash-chart-head-ayuda img{
  display:block!important;
  flex-shrink:0!important;
  object-fit:contain!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-card__head-row .dash-leche-chart-card__sub{
  margin:0!important;
  flex:1!important;
  min-width:140px!important;
  align-self:center!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-card__sub{
  font-size:11px!important;
  color:#64748b!important;
  font-weight:600!important;
  line-height:1.35!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-expand.dash-leche-chart-vb{
  flex:0 1 auto!important;
  align-self:stretch!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 10px 0 10px!important;
  gap:6px!important;
  border-radius:12px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-expand.dash-leche-chart-vb img{
  display:block!important;
  flex-shrink:0!important;
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  margin:0!important;
  pointer-events:none!important;
}
/* Ampliar: misma piel que chip "Días" (y período) con .active — gana a button.btn-gris-ok */
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok,
#pg-lec.leche-serio-v1 .lec-prod-dash-card button.dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
  border-radius:12px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:hover,
#pg-lec.leche-serio-v1 .lec-prod-dash-card button.dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:hover{
  border-color:#4a5d6e!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:active,
#pg-lec.leche-serio-v1 .lec-prod-dash-card button.dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:active{
  opacity:.97!important;
  background:linear-gradient(180deg,#c9d6e4 0%,#7a8fa3 100%)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:focus-visible,
#pg-lec.leche-serio-v1 .lec-prod-dash-card button.dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:focus-visible{
  outline:2px solid rgba(100,116,139,.45)!important;
  outline-offset:2px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-vtog{
  display:flex!important;
  gap:6px!important;
  margin-top:10px!important;
  flex-wrap:wrap!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-vb{
  flex:1!important;
  min-width:68px!important;
  box-sizing:border-box!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  font-size:var(--manto-period-sel-fs)!important;
  font-weight:var(--manto-period-sel-fw)!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-vb[data-dash-leche-mode].active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-vb[data-dash-leche-mode].active:hover{
  border-color:#4a5d6e!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-vb[data-dash-leche-mode].active:active{
  opacity:.97!important;
  background:linear-gradient(180deg,#c9d6e4 0%,#7a8fa3 100%)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-card__plot{
  position:relative!important;
  height:220px!important;
  min-height:200px!important;
  background:#f8fafc!important;
  border-top:1px solid var(--manto-tab-vitreo-borde,#e2e8f0)!important;
  padding:8px 6px 4px!important;
}
@media (max-width:480px){
  #pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-card__plot{
    height:240px!important;
  }
}
#pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-card__plot canvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
#pg-lec.leche-serio-v1 #lec-prod-chart-empty[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#pg-lec.leche-serio-v1 #lec-prod-chart-empty:not([hidden]){
  position:absolute!important;
  inset:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#64748b!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  background:#f8fafc!important;
  border:1px dashed var(--manto-tab-vitreo-borde,#e2e8f0)!important;
  border-radius:var(--manto-serio-radius)!important;
  z-index:2!important;
  box-sizing:border-box!important;
}
@media (max-width:400px){
  #pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-vtog .dash-leche-chart-vb{
    flex:1 1 calc(50% - 3px)!important;
    min-width:calc(50% - 3px)!important;
    height:var(--manto-period-sel-h)!important;
    min-height:var(--manto-period-sel-min-h)!important;
    max-height:var(--manto-period-sel-max-h)!important;
  }
}
#pg-lec.leche-serio-v1 .lec-prod-stats{
  min-width:0!important;
}
/* Producción — gráfico sin cabecera; resumen + período debajo del plot */
#pg-lec.leche-serio-v1 .lec-prod-dash-card--solo-plot .dash-leche-chart-card__plot{
  border-top:none!important;
  border-radius:var(--manto-serio-radius)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-postchart{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0!important;
  padding:0 2px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-postchart .lec-prod-resumen{
  margin:0!important;
}
/* 5 chips bajo el gráfico — rejilla; los del resumen van en cabecera con scroll */
#pg-lec.leche-serio-v1 #lec-period-btns.lec-prod-period-btns{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0!important;
  flex-wrap:unset!important;
}
@media (max-width:380px){
  #pg-lec.leche-serio-v1 .lec-dash-recuadro__period-scroll #lec-kpi-period-btns .fp.tb{
    padding:0 var(--manto-period-sel-pad-x)!important;
    font-size:var(--manto-period-sel-fs)!important;
    height:var(--manto-period-sel-h)!important;
    min-height:var(--manto-period-sel-min-h)!important;
    max-height:var(--manto-period-sel-max-h)!important;
  }
}
/* KPI: siempre 3 filas × 2 columnas (6 celdas), nunca 6 filas apiladas */
#pg-lec.leche-serio-v1 .lec-prod-grid2x3{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,auto)!important;
  grid-auto-flow:row!important;
  gap:8px!important;
  margin:0!important;
}
#pg-lec.leche-serio-v1 .lec-prod-cell{
  box-sizing:border-box!important;
  border-radius:12px!important;
  border:var(--manto-btn-b3-border)!important;
  background:var(--manto-btn-b3-bg)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  padding:10px 12px 11px!important;
  text-align:center!important;
  min-width:0!important;
}
/* Misma piel que hero Leche (.dash-serio-hero--title-strip en #pg-lec) */
body.light #pg-lec.leche-serio-v1 .lec-prod-cell{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%)!important;
  border-color:#94a3b8!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-cell--combo{
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  justify-content:center!important;
}
#pg-lec.leche-serio-v1 .lec-prod-ktit{
  font-size:12px!important;
  font-weight:800!important;
  color:#475569!important;
  margin:0 0 6px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:.02em!important;
  line-height:1.25!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kbig{
  font-size:clamp(20px,4.8vw,26px)!important;
  font-weight:900!important;
  color:#111827!important;
  line-height:1.1!important;
  font-variant-numeric:tabular-nums!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kunit{
  font-size:12px!important;
  font-weight:800!important;
  color:#64748b!important;
}
#pg-lec.leche-serio-v1 .lec-prod-ksub{
  font-size:9px!important;
  font-weight:600!important;
  color:#64748b!important;
  margin-top:6px!important;
  line-height:1.35!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-prod-combo-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  gap:10px!important;
  padding:6px 0!important;
  border-bottom:1px solid #d4d8e0!important;
}
#pg-lec.leche-serio-v1 .lec-prod-combo-row:last-child{
  border-bottom:none!important;
  padding-bottom:0!important;
}
#pg-lec.leche-serio-v1 .lec-prod-combo-lbl{
  font-size:11px!important;
  font-weight:700!important;
  color:#475569!important;
}
#pg-lec.leche-serio-v1 .lec-prod-combo-val{
  font-size:14px!important;
  font-weight:900!important;
  color:#111827!important;
  font-variant-numeric:tabular-nums!important;
}
#pg-lec.leche-serio-v1 .lec-prod-meta-pct{
  font-size:12px!important;
  font-weight:800!important;
  color:#475569!important;
}
#pg-lec.leche-serio-v1 .lec-prod-grid2x3 .lec-prod-meta-bar > i{
  background:#64748b!important;
}
#pg-lec.leche-serio-v1 .lec-prod-grid2x3 .lec-prod-chip{
  background:#475569!important;
  color:#fff!important;
}
#pg-lec.leche-serio-v1 .lec-prod-grid2x3 .lec-prod-chip--muted{
  background:#6b7280!important;
  color:#fff!important;
}
/* KPI — tarjetas tipo Partos (.sc + partos-kpi-*) */
#pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  margin-bottom:8px!important;
}
@media (max-width:1100px){
  #pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:640px){
  #pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
#pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid .sc.lec-prod-kcell{
  position:relative!important;
  overflow:hidden!important;
  border-radius:10px!important;
  border:var(--manto-serio-panel-borde)!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(0,0,0,.1),
    0 2px 8px rgba(15,23,42,.07)!important;
  text-align:center!important;
  padding:8px 8px 9px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid .sc.lec-prod-kcell::before{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:3px!important;
  border-radius:10px 10px 0 0!important;
  opacity:.95!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kcell--hoy::before{
  background:linear-gradient(90deg,#059669,#34d399)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kcell--vaca::before{
  background:linear-gradient(90deg,#64748b,#94a3b8)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kcell--dias::before{
  background:linear-gradient(90deg,#0ea5e9,#38bdf8)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kcell--prom::before{
  background:linear-gradient(90deg,#475569,#94a3b8)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid .sc.lec-prod-kcell:not(.lec-prod-kcell--hoy):not(.lec-prod-kcell--vaca):not(.lec-prod-kcell--dias):not(.lec-prod-kcell--prom)::before{
  background:linear-gradient(90deg,#cbd5e1,#e2e8f0)!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid .partos-kpi-tit{
  font-size:10px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:0 0 4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.2!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid .partos-kpi-val{
  font-size:20px!important;
  font-weight:900!important;
  color:#000000!important;
  line-height:1.1!important;
  font-variant-numeric:tabular-nums!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kval--em{
  color:#059669!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kval--dias{
  font-size:26px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-lit{
  font-size:11px!important;
  font-weight:800!important;
  color:#64748b!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kpi-sgrid .partos-kpi-sub{
  font-size:9px!important;
  font-weight:600!important;
  color:#64748b!important;
  margin-top:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.25!important;
}
#pg-lec.leche-serio-v1 .lec-prod-spark-row{
  margin:4px auto 2px!important;
  max-width:100%!important;
  height:28px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-spark{
  display:block!important;
  width:100%!important;
  height:28px!important;
  opacity:.85!important;
}
#pg-lec.leche-serio-v1 .lec-prod-spark path{
  stroke:#64748b!important;
  stroke-width:1.2!important;
  fill:none!important;
}
#pg-lec.leche-serio-v1 .lec-prod-meta-slot{
  margin-top:6px!important;
  text-align:left!important;
}
#pg-lec.leche-serio-v1 .lec-prod-meta-ok{
  font-size:14px!important;
  font-weight:800!important;
  color:#059669!important;
}
#pg-lec.leche-serio-v1 .lec-prod-meta-bar{
  width:100%!important;
  height:3px!important;
  border-radius:999px!important;
  background:#e2e8f0!important;
  margin-top:4px!important;
  overflow:hidden!important;
}
#pg-lec.leche-serio-v1 .lec-prod-meta-bar > i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:#059669!important;
}
#pg-lec.leche-serio-v1 .lec-prod-meta-txt{
  font-size:9px!important;
  font-weight:600!important;
  color:#94a3b8!important;
  margin-top:3px!important;
  line-height:1.2!important;
}
#pg-lec.leche-serio-v1 .lec-prod-chip{
  display:inline-flex!important;
  align-items:center!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:800!important;
  background:#059669!important;
  color:#fff!important;
}
#pg-lec.leche-serio-v1 .lec-prod-chip--neg{
  background:#b91c1c!important;
}
#pg-lec.leche-serio-v1 .lec-prod-extra-sgrid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0!important;
}
@media (max-width:400px){
  #pg-lec.leche-serio-v1 .lec-prod-extra-sgrid{
    grid-template-columns:1fr!important;
  }
}
#pg-lec.leche-serio-v1 .lec-prod-extra-sgrid .lec-prod-kcell--mini{
  padding:6px 8px!important;
}
#pg-lec.leche-serio-v1 .lec-prod-kval--mini{
  font-size:18px!important;
}
/* Historial de leche — mismo marco único que Producción (sin doble recuadro) */
#pg-lec.leche-serio-v1 .lec-serio-panel--historic{
  padding:0!important;
}
#pg-lec.leche-serio-v1 .lec-hist-outer{
  padding:0 0 8px!important;
  margin:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-lec.leche-serio-v1 .lec-hist-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:var(--manto-space,8px)!important;
  margin-bottom:0!important;
}
#pg-lec.leche-serio-v1 .lec-hist-tit-wrap{
  display:flex!important;
  align-items:center!important;
  gap:var(--manto-space,8px)!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
#pg-lec.leche-serio-v1 .lec-hist-tit-ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
#pg-lec.leche-serio-v1 .lec-hist-tit{
  margin:0!important;
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:.01em!important;
}
#pg-lec.leche-serio-v1 .lec-hist-hint{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.35!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 #lec-list.lec-hist-v4{
  display:flex!important;
  flex-direction:column!important;
  gap:var(--manto-space,8px)!important;
}
#pg-lec.leche-serio-v1 #lec-list.lec-hist-v4 > .lec-hist-mes-hdr:first-child{
  margin-top:0!important;
}
/* Histórico leche — cabeceras de mes (estilo Partos/Descartes, compacto) */
#pg-lec.leche-serio-v1 .lec-hist-mes-hdr{
  background:#f8fafc!important;
  border:1px solid var(--brd,#e2e8f0)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:6px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:0!important;
  flex-wrap:wrap!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#pg-lec.leche-serio-v1 .lec-hist-mes-hdr__tit{
  font-size:12px!important;
  font-weight:800!important;
  color:#475569!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-hist-mes-hdr__stats{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px 12px!important;
  font-size:10px!important;
  font-weight:700!important;
  color:#64748b!important;
}
#pg-lec.leche-serio-v1 .lec-hist-mes-hdr__stats b{
  color:#111827!important;
  font-weight:800!important;
}
#pg-lec.leche-serio-v1 .lec-hist-mes-body{
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  margin-bottom:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:var(--manto-space,8px)!important;
  margin-top:var(--manto-space,8px)!important;
}
/* Tarjetas por día — 2 filas máx., estilo dcard / serio v1 */
#pg-lec.leche-serio-v1 .lec-hist-v4 .lec-hist-dia-card--compact{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:8px 10px!important;
  margin:0!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  transition:background .15s,border-color .15s,box-shadow .15s!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-hist-v4 .lec-hist-dia-card--compact:hover{
  border-color:#cbd5e1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 2px 8px rgba(15,23,42,.08)!important;
}
/* Historial — tarjeta día: gradiente bloque NEW MODAL (.ani-serio-v2-card.lec-hist-serio-bloque) */
#pg-lec.leche-serio-v1 .lec-hist-v4 .lec-hist-dia-card--compact.ani-serio-v2-card.lec-hist-serio-bloque{
  background:linear-gradient(168deg,#fff 0%,#f1f5f9 38%,#e2e8f0 100%)!important;
  border:1px solid #cbd5e1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 3px rgba(15,23,42,.06)!important;
  padding:10px 12px!important;
}
#pg-lec.leche-serio-v1 .lec-hist-v4 .lec-hist-dia-card--compact.ani-serio-v2-card.lec-hist-serio-bloque:hover{
  border-color:#cbd5e1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 8px rgba(15,23,42,.08)!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__r1{
  display:grid!important;
  grid-template-columns:minmax(52px,64px) minmax(0,1fr) auto auto auto!important;
  align-items:center!important;
  gap:6px 8px!important;
  min-width:0!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__fecha{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:1.05!important;
  flex-shrink:0!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__dia{
  font-size:15px!important;
  font-weight:900!important;
  color:#111827!important;
  font-variant-numeric:tabular-nums!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__mes{
  font-size:9px!important;
  font-weight:800!important;
  color:#94a3b8!important;
  text-transform:capitalize!important;
  margin-top:1px!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__turns-line{
  font-size:11px!important;
  font-weight:700!important;
  color:#475569!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__total{
  font-size:14px!important;
  font-weight:900!important;
  color:#111827!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  flex-shrink:0!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__actions{
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
  flex-shrink:0!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__btn{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border-radius:var(--manto-serio-radius)!important;
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__btn:active{transform:scale(.96)!important;}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__chev{
  color:#cbd5e1!important;
  font-size:18px!important;
  font-weight:300!important;
  line-height:1!important;
  flex-shrink:0!important;
  padding-left:2px!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__r2{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px 8px!important;
  margin-top:2px!important;
  padding-top:4px!important;
  border-top:1px solid #eef2f6!important;
  font-size:10px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.35!important;
  min-width:0!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__meta{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
#pg-lec.leche-serio-v1 .lec-hist-dia-card__meta-sep{
  color:#cbd5e1!important;
  font-weight:700!important;
  user-select:none!important;
}

/* KPI Leche — punto 5: 4+3 ancho completo, compacto, líneas alineadas (subgrid + fallback) */
#pg-lec.leche-serio-v1 .lec-kpi-surface{
  width:100%!important;
  margin:0 0 14px!important;
  padding:10px 10px 12px!important;
  box-sizing:border-box!important;
  border-radius:calc(var(--manto-serio-radius,6px) + 2px)!important;
  border:1px solid var(--lec-line-strong,#b9c0ca)!important;
  background:linear-gradient(165deg,#f8fafc 0%,#eef1f5 48%,#e8ecf1 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 2px rgba(15,23,42,.06)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-rows{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  width:100%!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-band{
  padding-top:8px!important;
  margin-top:2px!important;
  border-top:1px solid #e2e8f0!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-band--top{
  padding-top:0!important;
  margin-top:0!important;
  border-top:none!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-band__head{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:6px 10px!important;
  margin:0 0 8px 2px!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-band__title{
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#475569!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-band__sub{
  font-size:10px!important;
  font-weight:600!important;
  color:#94a3b8!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-row--4,
#pg-lec.leche-serio-v1 .lec-kpi-row--3{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-row--3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
/* Subgrid: mismas franjas horizontales en toda la fila */
@supports (grid-template-rows:subgrid){
  #pg-lec.leche-serio-v1 .lec-kpi-row--4{
    grid-template-rows:auto 1px minmax(30px,auto) 1px minmax(24px,auto)!important;
  }
  #pg-lec.leche-serio-v1 .lec-kpi-row--3{
    grid-template-rows:auto 1px minmax(30px,auto) 1px minmax(24px,auto)!important;
  }
  #pg-lec.leche-serio-v1 .lec-kpi-row--4 > .lec-kpi-metric,
  #pg-lec.leche-serio-v1 .lec-kpi-row--3 > .lec-kpi-metric{
    grid-row:1 / -1!important;
    display:grid!important;
    grid-template-rows:subgrid!important;
  }
}
#pg-lec.leche-serio-v1 .lec-kpi-metric{
  position:relative!important;
  margin:0!important;
  padding:0 5px 0 8px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:var(--manto-serio-panel-borde)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f6f9 55%,#eef2f7 100%)!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
@supports (grid-template-rows:subgrid){
  #pg-lec.leche-serio-v1 .lec-kpi-row--4 > .lec-kpi-metric,
  #pg-lec.leche-serio-v1 .lec-kpi-row--3 > .lec-kpi-metric{
    display:grid!important;
    padding-left:8px!important;
    padding-right:5px!important;
  }
}
#pg-lec.leche-serio-v1 .lec-kpi-metric::before{
  content:''!important;
  position:absolute!important;
  top:0!important;bottom:0!important;left:0!important;
  width:2px!important;
  border-radius:var(--manto-serio-radius) 0 0 var(--manto-serio-radius)!important;
  background:linear-gradient(180deg,#94a3b8 0%,#475569 55%,#334155 100%)!important;
  opacity:.9!important;
  pointer-events:none!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric:hover{
  transform:translateY(-1px)!important;
  border-color:#94a3b8!important;
  box-shadow:var(--manto-serio-panel-inset),0 4px 14px rgba(15,23,42,.1)!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:1!important;
}
/* Fallback sin subgrid: alturas fijas → líneas alineadas entre tarjetas */
@supports not (grid-template-rows:subgrid){
  #pg-lec.leche-serio-v1 .lec-kpi-metric__row--label{
    min-height:26px!important;
    max-height:26px!important;
    padding:4px 2px 3px!important;
  }
  #pg-lec.leche-serio-v1 .lec-kpi-metric__row--value{
    min-height:34px!important;
    max-height:36px!important;
    padding:2px 2px!important;
  }
  #pg-lec.leche-serio-v1 .lec-kpi-metric__row--hint{
    min-height:26px!important;
    max-height:28px!important;
    padding:2px 2px 4px!important;
  }
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__row--label{
  padding:5px 3px 4px!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__rule{
  flex:0 0 1px!important;
  height:1px!important;
  margin:0!important;
  background:linear-gradient(90deg,transparent 0%,#cbd5e1 10%,#cbd5e1 90%,transparent 100%)!important;
  opacity:.95!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__row--value{
  padding:3px 2px!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__row--hint{
  padding:2px 2px 5px!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__label{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  width:100%!important;
  color:#475569!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  line-height:1.15!important;
  max-width:100%!important;
  text-align:center!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__value{
  display:block!important;
  width:100%!important;
  color:#0f172a!important;
  font-size:clamp(15px,2.6vw,22px)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-0.02em!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  text-align:center!important;
  word-break:break-word!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__suffix{
  margin-left:.08em!important;
  font-size:.52em!important;
  font-weight:800!important;
  letter-spacing:0!important;
  color:#64748b!important;
  text-decoration:none!important;
  border-bottom:none!important;
  vertical-align:.08em!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__hint{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  width:100%!important;
  color:#64748b!important;
  font-size:8px!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  max-width:100%!important;
}
#pg-lec.leche-serio-v1 .lec-kpi-metric__hint--empty{
  color:#cbd5e1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  -webkit-line-clamp:1!important;
}
@media (max-width:720px){
  #pg-lec.leche-serio-v1 .lec-kpi-surface{padding:8px 6px 10px!important;}
  #pg-lec.leche-serio-v1 .lec-kpi-rows{gap:8px!important;}
  #pg-lec.leche-serio-v1 .lec-kpi-row--4,
  #pg-lec.leche-serio-v1 .lec-kpi-row--3{gap:6px!important;}
  #pg-lec.leche-serio-v1 .lec-kpi-band__sub{display:none!important;}
  @supports not (grid-template-rows:subgrid){
    #pg-lec.leche-serio-v1 .lec-kpi-metric__row--value{min-height:30px!important;max-height:34px!important;}
  }
  #pg-lec.leche-serio-v1 .lec-kpi-metric__label{font-size:7px!important;letter-spacing:.06em!important;}
  #pg-lec.leche-serio-v1 .lec-kpi-metric__value{font-size:clamp(14px,3.4vw,18px)!important;}
  #pg-lec.leche-serio-v1 .lec-kpi-metric__hint{font-size:7px!important;}
}
@media (max-width:520px){
  #pg-lec.leche-serio-v1 .lec-kpi-row--4{
    grid-template-columns:1fr 1fr!important;
  }
  #pg-lec.leche-serio-v1 .lec-kpi-row--3{
    grid-template-columns:1fr!important;
  }
}
body.light #pg-lec.leche-serio-v1 .lec-kpi-surface{
  background:linear-gradient(165deg,#ffffff 0%,#f1f5f9 100%)!important;
  border-color:#cbd5e1!important;
}
body.light #pg-lec.leche-serio-v1 .lec-kpi-metric{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
}

/* Registrar leche / lote — CTA toolbar tipo Animales */
#pg-lec.leche-serio-v1 button[onclick*="abrirLeche"],
#pg-lec.leche-serio-v1 button[onclick*="abrirLecheLote"]{
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  gap:8px!important;
  line-height:1.15!important;
  padding-left:var(--manto-tbar-cta-pad-x)!important;
  padding-right:var(--manto-tbar-cta-pad-x)!important;
}
#pg-lec.leche-serio-v1 button[onclick="abrirLeche()"],
#pg-lec.leche-serio-v1 button[onclick*="abrirLecheLote"]{
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
}
#pg-lec.leche-serio-v1 button[onclick*="abrirLeche"],
#pg-lec.leche-serio-v1 button[onclick*="abrirLecheLote"]{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
}

/* Modo día: Leche — página (misma piel «Registro diario» hero; solo colores) */
body.light #pg-lec.leche-serio-v1 button[onclick*="abrirLeche"],
body.light #pg-lec.leche-serio-v1 button[onclick*="abrirLecheLote"]{
  border-radius:12px!important;
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-lec.leche-serio-v1 button[onclick*="abrirLeche"]:hover,
body.light #pg-lec.leche-serio-v1 button[onclick*="abrirLecheLote"]:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-lec.leche-serio-v1 button[onclick*="abrirLeche"]:active,
body.light #pg-lec.leche-serio-v1 button[onclick*="abrirLecheLote"]:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb:not(.active){
  border-radius:var(--manto-chip-ref-inner-r)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
  font-weight:var(--manto-period-sel-fw)!important;
}
body.light #pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb.active{
  border-radius:var(--manto-chip-ref-inner-r)!important;
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
}
body.light #pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb.active:hover{
  border-color:#4a5d6e!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
}
body.light #pg-lec.leche-serio-v1 .lec-prod-fpstrip .fp.tb.active:active{
  opacity:.97!important;
  background:linear-gradient(180deg,#c9d6e4 0%,#7a8fa3 100%)!important;
}

/* Modo día: Leche — modales y anidados (recuadro = Registro diario hero; radio = --manto-serio-radius, sin curvas grandes) */
body.light #m-lec .lec-milk-modal-save.btn.bg_,
body.light #m-lec-edit .lec-milk-modal-save.btn.bg_,
body.light #m-sel-turno .btn.bg_.lec-sel-turno-btn,
body.light #m-leche-lote .lec-milk-modal-save.ani-modal-save#ll-save:not(.bit-bitacora-foot-save),
body.light #m-dia-lec #dia-lec-foot-wrap .bit-bitacora-foot-cancel,
body.light #m-dia-lec #dia-lec-foot-wrap .bit-bitacora-foot-save,
body.light #m-sesion-pesaje:not(.modal-nuevo) #btn-guardar-pesaje,
body.light #m-imp-pesaje:not(.modal-nuevo) #btn-imp-ps-confirmar{
  border-radius:var(--manto-serio-radius)!important;
  background:linear-gradient(180deg,#cbd5e1 0%,#a8b4c4 100%)!important;
  border:1px solid #64748b!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  box-shadow:0 1px 3px rgba(15,23,42,.12),0 0 0 1px rgba(71,85,105,.12)!important;
  text-shadow:none!important;
}
body.light #m-lec .lec-milk-modal-save.btn.bg_:hover,
body.light #m-lec-edit .lec-milk-modal-save.btn.bg_:hover,
body.light #m-sel-turno .btn.bg_.lec-sel-turno-btn:hover,
body.light #m-leche-lote .lec-milk-modal-save.ani-modal-save#ll-save:not(.bit-bitacora-foot-save):hover,
body.light #m-dia-lec #dia-lec-foot-wrap .bit-bitacora-foot-cancel:hover,
body.light #m-dia-lec #dia-lec-foot-wrap .bit-bitacora-foot-save:hover,
body.light #m-sesion-pesaje:not(.modal-nuevo) #btn-guardar-pesaje:hover,
body.light #m-imp-pesaje:not(.modal-nuevo) #btn-imp-ps-confirmar:hover{
  border-color:#475569!important;
  box-shadow:0 2px 10px rgba(15,23,42,.14),0 0 0 1px rgba(51,65,85,.16)!important;
}
body.light #m-lec .lec-milk-modal-save.btn.bg_:active,
body.light #m-lec-edit .lec-milk-modal-save.btn.bg_:active,
body.light #m-sel-turno .btn.bg_.lec-sel-turno-btn:active,
body.light #m-leche-lote .lec-milk-modal-save.ani-modal-save#ll-save:not(.bit-bitacora-foot-save):active,
body.light #m-dia-lec #dia-lec-foot-wrap .bit-bitacora-foot-cancel:active,
body.light #m-dia-lec #dia-lec-foot-wrap .bit-bitacora-foot-save:active,
body.light #m-sesion-pesaje:not(.modal-nuevo) #btn-guardar-pesaje:active,
body.light #m-imp-pesaje:not(.modal-nuevo) #btn-imp-ps-confirmar:active{
  opacity:.96!important;
  background:linear-gradient(180deg,#b8c4d4 0%,#94a3b8 100%)!important;
}
body.light #m-lec-del-confirm.lec-del-confirm-modal.bitacora-serio-v2.modal-nuevo .lec-del-confirm-footer-row .bit-bitacora-foot-cancel,
body.light #m-lec-del-confirm.lec-del-confirm-modal.bitacora-serio-v2.modal-nuevo .lec-del-confirm-footer-row .lec-del-confirm-del{
  border-radius:12px!important;
}
body.light #pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-vb{
  border-radius:12px!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
}
body.light #pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok,
body.light #pg-lec.leche-serio-v1 .lec-prod-dash-card button.dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
  border-radius:12px!important;
}
body.light #pg-lec.leche-serio-v1 .lec-prod-dash-card .dash-leche-chart-vb[data-dash-leche-mode].active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #m-dash-leche-grafico .dash-leche-chart-vb{
  border-radius:var(--manto-serio-radius)!important;
}
/* Calculadora nutrición: modo activo = misma piel que Regresar (gris ok) */
body.light #m-nutricion.bitacora-serio-v2 .nutr-modos .nutr-modo-btn--on,
body.light #m-nutricion.bitacora-serio-v2 .nutr-modos .bitacora-btn.nutr-modo-btn--on{
  border-radius:9px!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
}
body.light #m-nutricion.bitacora-serio-v2 .nutr-modos .nutr-modo-btn--on:hover,
body.light #m-nutricion.bitacora-serio-v2 .nutr-modos .bitacora-btn.nutr-modo-btn--on:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
body.light #m-nutricion.bitacora-serio-v2 .nutr-modos .nutr-modo-btn--on:active,
body.light #m-nutricion.bitacora-serio-v2 .nutr-modos .bitacora-btn.nutr-modo-btn--on:active{
  background:var(--manto-btn-gris-ok-bg-active)!important;
}

/* Modo día: Promedios Pesaje — mismos chips toolbar que Animales (#fp-ani) / Leche (.lec-prod-fpstrip) */
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb:not(.active){
  border-radius:var(--manto-chip-ref-inner-r)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
  font-weight:var(--manto-period-sel-fw)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb.active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
}

/* Modo día: Animales — CTA y buscador (--manto-tbar-* en :root) */
body.light #pg-ani.animales-serio-v1 .ani-add-btn,
body.light #pg-ani.animales-serio-v1 .ani-topbar .btn.bg_,
body.light #pg-ani.animales-serio-v1 .ani-serio-toolbar .btn.bg_{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-ani.animales-serio-v1 .ani-add-btn:hover,
body.light #pg-ani.animales-serio-v1 .ani-topbar .btn.bg_:hover,
body.light #pg-ani.animales-serio-v1 .ani-serio-toolbar .btn.bg_:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-ani.animales-serio-v1 .ani-add-btn:active,
body.light #pg-ani.animales-serio-v1 .ani-topbar .btn.bg_:active,
body.light #pg-ani.animales-serio-v1 .ani-serio-toolbar .btn.bg_:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-ani.animales-serio-v1 .ani-search-wrap,
body.light #pg-ani.animales-serio-v1 .ani-topbar .swrap.ani-search-wrap,
body.light #pg-ani.animales-serio-v1 .ani-serio-toolbar .swrap.ani-search-wrap{
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
}
body.light #pg-ani.animales-serio-v1 .ani-search-wrap .sinp::placeholder{
  color:var(--manto-tbar-txt-sec)!important;
  opacity:.88!important;
}
body.light #pg-ani.animales-serio-v1 #btn-voz-ani.ani-serio-voz-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef2f7 100%)!important;
}
body.light #pg-ani.animales-serio-v1 .ani-serio-seg{
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  background:var(--manto-tbar-grad-seg)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 8px rgba(15,23,42,.06)!important;
}
body.light #pg-ani.animales-serio-v1 .ani-serio-seg .vb:not(.active){
  background:transparent!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  box-shadow:none!important;
}
body.light #pg-ani.animales-serio-v1 .ani-serio-seg .vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  border:none!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
body.light #pg-ani.animales-serio-v1 .ani-serio-seg .vb.active:active,
body.light #pg-ani.animales-serio-v1 .ani-serio-seg #va-l.vb.active:active,
body.light #pg-ani.animales-serio-v1 .ani-serio-seg #va-g.vb.active:active{
  background:var(--manto-tbar-grad-vb-a)!important;
}

/* Modo día: Animales — modales y anidados (misma piel «Registro diario» hero; solo colores; sin tocar tamaños) */
body.light :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .btn.bg_,
body.light :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .ani-serio-v2-save.ani-modal-save,
body.light #m-det.bitacora-serio-v2 .btn.bg_,
body.light #m-det.bitacora-serio-v2 .bitacora-btn.bitacora-btn--pri,
body.light #m-det.ficha-modal-serio-v1 .ficha-serio-v1__btn--primary-solid,
body.light #m-det.ficha-modal-serio-v1 .ficha-serio-v1__tabs .tb.active,
body.light #m-det .tb.active,
body.light #m-microchip-scan:not(.modal-nuevo) .bitacora-btn.bitacora-btn--pri,
body.light #m-rep-serv .btn.bg_,
body.light #m-rep-diag .btn.bg_,
body.light #m-rep-parto:not(.bitacora-serio-v2) .btn.bg_,
body.light #m-rep-cc:not(.bitacora-serio-v2) .btn.bg_,
body.light #m-inse .btn.bg_,
body.light #m-enfe:not(.bitacora-serio-v2) .btn.bg_,
body.light #m-nvet:not(.bitacora-serio-v2) .btn.bg_,
body.light #m-ev-edit .btn.bg_,
body.light #m-ev-edit .bitacora-btn.bitacora-btn--pri,
body.light #m-pes .btn.bg_,
body.light #m-det-sesion-pesaje.pes-det-modal-serio-v1 .bitacora-btn.bitacora-btn--sec{
  background:linear-gradient(180deg,#cbd5e1 0%,#a8b4c4 100%)!important;
  border:1px solid #64748b!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  box-shadow:0 1px 3px rgba(15,23,42,.12),0 0 0 1px rgba(71,85,105,.12)!important;
  text-shadow:none!important;
}
body.light :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .btn.bg_:hover,
body.light :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .ani-serio-v2-save.ani-modal-save:hover,
body.light #m-det.bitacora-serio-v2 .btn.bg_:hover,
body.light #m-det.bitacora-serio-v2 .bitacora-btn.bitacora-btn--pri:hover,
body.light #m-det.ficha-modal-serio-v1 .ficha-serio-v1__btn--primary-solid:hover,
body.light #m-det.ficha-modal-serio-v1 .ficha-serio-v1__tabs .tb.active:hover,
body.light #m-det .tb.active:hover,
body.light #m-microchip-scan:not(.modal-nuevo) .bitacora-btn.bitacora-btn--pri:hover,
body.light #m-rep-serv .btn.bg_:hover,
body.light #m-rep-diag .btn.bg_:hover,
body.light #m-rep-parto:not(.bitacora-serio-v2) .btn.bg_:hover,
body.light #m-rep-cc:not(.bitacora-serio-v2) .btn.bg_:hover,
body.light #m-inse .btn.bg_:hover,
body.light #m-enfe:not(.bitacora-serio-v2) .btn.bg_:hover,
body.light #m-nvet:not(.bitacora-serio-v2) .btn.bg_:hover,
body.light #m-ev-edit .btn.bg_:hover,
body.light #m-pes .btn.bg_:hover,
body.light #m-det-sesion-pesaje.pes-det-modal-serio-v1 .bitacora-btn.bitacora-btn--sec:hover{
  border-color:#475569!important;
  box-shadow:0 2px 10px rgba(15,23,42,.14),0 0 0 1px rgba(51,65,85,.16)!important;
}
body.light :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .btn.bg_:active,
body.light :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .ani-serio-v2-save.ani-modal-save:active,
body.light #m-det.bitacora-serio-v2 .btn.bg_:active,
body.light #m-det.bitacora-serio-v2 .bitacora-btn.bitacora-btn--pri:active,
body.light #m-det.ficha-modal-serio-v1 .ficha-serio-v1__btn--primary-solid:active,
body.light #m-det.ficha-modal-serio-v1 .ficha-serio-v1__tabs .tb.active:active,
body.light #m-det .tb.active:active,
body.light #m-microchip-scan:not(.modal-nuevo) .bitacora-btn.bitacora-btn--pri:active,
body.light #m-rep-serv .btn.bg_:active,
body.light #m-rep-diag .btn.bg_:active,
body.light #m-rep-parto:not(.bitacora-serio-v2) .btn.bg_:active,
body.light #m-rep-cc:not(.bitacora-serio-v2) .btn.bg_:active,
body.light #m-inse .btn.bg_:active,
body.light #m-enfe:not(.bitacora-serio-v2) .btn.bg_:active,
body.light #m-nvet:not(.bitacora-serio-v2) .btn.bg_:active,
body.light #m-ev-edit .btn.bg_:active,
body.light #m-pes .btn.bg_:active,
body.light #m-det-sesion-pesaje.pes-det-modal-serio-v1 .bitacora-btn.bitacora-btn--sec:active{
  opacity:.96!important;
  background:linear-gradient(180deg,#b8c4d4 0%,#94a3b8 100%)!important;
}

/* Modo día: Guardar + Eliminar (editar parto) — misma piel gris-ok */
body.light #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .ani-serio-v2-save.ani-modal-save.nac-modal-save,
body.light #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell #btn-del-nac-edit.ani-serio-v2-save.ani-modal-save{
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
}
body.light #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .ani-serio-v2-save.ani-modal-save.nac-modal-save:hover,
body.light #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell #btn-del-nac-edit.ani-serio-v2-save.ani-modal-save:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
body.light #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell .ani-serio-v2-save.ani-modal-save.nac-modal-save:active,
body.light #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell #btn-del-nac-edit.ani-serio-v2-save.ani-modal-save:active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
/* Modo día: Diagnóstico preñez / Registrar servicio / Parto y secado / Condición corporal / Inseminación / Registrar enfermedad / Indicación vet / Nuevo evento (calendario y ficha) — pareja gris-ok (Cancelar + Guardar) */
body.light #m-rep-diag.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-rep-diag.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save,
body.light #m-rep-cc.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-rep-cc.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save,
body.light #m-enfe.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-enfe.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save,
body.light #m-rep-parto.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-rep-parto.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save,
body.light #m-rep-serv.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-rep-serv.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save,
body.light #m-inse.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-inse.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save,
body.light #m-nvet.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-nvet.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save,
body.light #m-evento.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-evento.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save,
body.light #m-ev-edit.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel,
body.light #m-ev-edit.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save{
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
}
body.light #m-rep-diag.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-rep-diag.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover,
body.light #m-rep-cc.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-rep-cc.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover,
body.light #m-enfe.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-enfe.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover,
body.light #m-rep-parto.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-rep-parto.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover,
body.light #m-rep-serv.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-rep-serv.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover,
body.light #m-inse.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-inse.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover,
body.light #m-nvet.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-nvet.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover,
body.light #m-evento.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-evento.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover,
body.light #m-ev-edit.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:hover,
body.light #m-ev-edit.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
body.light #m-rep-diag.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-rep-diag.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active,
body.light #m-rep-cc.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-rep-cc.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active,
body.light #m-enfe.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-enfe.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active,
body.light #m-rep-parto.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-rep-parto.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active,
body.light #m-rep-serv.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-rep-serv.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active,
body.light #m-inse.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-inse.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active,
body.light #m-nvet.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-nvet.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active,
body.light #m-evento.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-evento.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active,
body.light #m-ev-edit.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.bit-bitacora-foot-cancel:active,
body.light #m-ev-edit.evento-modal-serio-v1.bitacora-serio-v2.modal-nuevo .ani-serio-v2-footer-shell .btn.btn-gris-ok.bit-bitacora-foot-save:active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
body.light #m-liq.finanzas-modal-serio-v1:not(.modal-nuevo) .btn.bg_.finanzas-modal-save,
body.light #m-liq.finanzas-modal-serio-v1.modal-nuevo .ani-serio-v2-save.finanzas-modal-save:not(.finanzas-footer-save),
body.light #m-costo.finanzas-modal-serio-v1:not(.modal-nuevo) .btn.bg_.finanzas-modal-save,
body.light #m-costo.finanzas-modal-serio-v1.modal-nuevo .ani-serio-v2-save.finanzas-modal-save:not(.finanzas-footer-save){
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
  text-shadow:none!important;
}
body.light #m-costo.finanzas-modal-serio-v1.modal-nuevo .ani-serio-v2-footer-shell .ani-serio-v2-save.ani-modal-save.finanzas-modal-save:not(.bit-bitacora-foot-save){
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
}
body.light #m-costo.finanzas-modal-serio-v1.modal-nuevo .ani-serio-v2-footer-shell .ani-serio-v2-save.ani-modal-save.finanzas-modal-save:not(.bit-bitacora-foot-save):hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
body.light #m-costo.finanzas-modal-serio-v1.modal-nuevo .ani-serio-v2-footer-shell .ani-serio-v2-save.ani-modal-save.finanzas-modal-save:not(.bit-bitacora-foot-save):active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}

/* Modo día: Dashboard — pestañas segmentadas (track + pill activa; tokens Manto) */
body.light #pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn:not(.active){
  background:transparent!important;
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
  box-shadow:none!important;
  border:none!important;
}
body.light #pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn:not(.active):hover{
  background:rgba(255,255,255,.78)!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}
body.light #pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active{
  background:var(--manto-btn-gris-ok-bg)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  border-radius:12px!important;
}
body.light #pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
body.light #pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active:active{
  background:var(--manto-btn-gris-ok-bg-active)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
}

/* Modo día: Partos — CTA header = tokens tbar (bloque arriba); chips y Lista/Mosaico = --manto-tbar-* */
body.light #pg-nac.partos-serio-v1 #fp-nac-sex .fp:not(.active),
body.light #pg-nac.partos-serio-v1 #fp-nac-per .fp:not(.active){
  border-radius:var(--manto-chip-ref-inner-r)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  font-weight:600!important;
}
body.light #pg-nac.partos-serio-v1 #fp-nac-sex .fp.active,
body.light #pg-nac.partos-serio-v1 #fp-nac-per .fp.active{
  background:var(--manto-chip-ref-grad-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:700!important;
}
body.light #pg-nac.partos-serio-v1 .partos-serio-seg{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-seg)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 8px rgba(15,23,42,.06)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-serio-seg .vb:not(.active){
  background:transparent!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  box-shadow:none!important;
}
body.light #pg-nac.partos-serio-v1 .partos-serio-seg .vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-serio-seg .vb.active:active,
body.light #pg-nac.partos-serio-v1 #fp-nac-sex .fp.active:active,
body.light #pg-nac.partos-serio-v1 #fp-nac-per .fp.active:active{
  background:var(--manto-tbar-grad-vb-a)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-serio-seg #vn-l.vb.active,
body.light #pg-nac.partos-serio-v1 .partos-serio-seg #vn-g.vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
body.light #pg-nac.partos-serio-v1 .partos-serio-seg #vn-l.vb:active,
body.light #pg-nac.partos-serio-v1 .partos-serio-seg #vn-g.vb:active{
  background:var(--manto-tbar-grad-vb-a)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
}

/* Ajustes finos móvil: separación y tabs visibles */
@media (max-width: 767px){
  #pg-lec.leche-serio-v1 .lec-serio-hero-toolbar-inner{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #pg-lec.leche-serio-v1 .lec-serio-hero-toolbar-inner > .btn{
    width:100%!important;
    min-width:0!important;
  }
  #pg-lec.leche-serio-v1 .lec-panel-h{
    padding:10px 10px 8px!important;
  }
  #pg-lec.leche-serio-v1 .lec-resumen-periodo-wrap .pes-serio-panel-h{
    padding:9px 10px!important;
  }
  #pg-lec.leche-serio-v1 .lec-resumen-periodo-wrap .pes-serio-panel-body{
    padding:8px!important;
  }
  #pg-lec.leche-serio-v1 .lec-resumen-periodo-wrap .pes-serio-prom-seg .tb{
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:var(--manto-period-sel-fs)!important;
    font-weight:var(--manto-period-sel-fw)!important;
    padding:0 max(4px,var(--manto-period-sel-pad-x))!important;
    height:var(--manto-period-sel-h)!important;
    min-height:var(--manto-period-sel-min-h)!important;
    max-height:var(--manto-period-sel-max-h)!important;
  }
  #pg-lec.leche-serio-v1 .lec-resumen-periodo-wrap .pes-serio-prom-seg .tb.active{
    font-weight:var(--manto-period-sel-fw-active)!important;
  }
  #pg-lec.leche-serio-v1 button[onclick*="abrirLeche"],
  #pg-lec.leche-serio-v1 button[onclick*="abrirLecheLote"],
  #pg-lec.leche-serio-v1 .lec-nutricion-wide.lec-hero-cta{
    font-size:13px!important;
    min-height:var(--manto-tbar-cta-h)!important;
    height:var(--manto-tbar-cta-h)!important;
    max-height:var(--manto-tbar-cta-h)!important;
  }
  #pg-lec.leche-serio-v1 .lec-nutricion-wide.lec-hero-cta{
    width:auto!important;
    min-width:0!important;
    max-width:min(280px,92vw)!important;
    padding-left:var(--manto-tbar-cta-pad-x)!important;
    padding-right:var(--manto-tbar-cta-pad-x)!important;
  }
  #pg-lec.leche-serio-v1 .lec-dash-recuadro__head-brand .serio-v1-title-box--header-bloque{
    max-width:36vw!important;
  }
}

/* ===== MODALES DE LECHE: #m-dia-lec NEW MODAL (.modal-serio-body + tarjetas .lec-dia-serio-bloque). Lote/nutrición/gráfico en styles.css. ===== */

/* Campos nutrición: piel .fi en `styles.css` (#m-nutricion.modal-nuevo .modal-serio-body) */

#m-dia-lec.lec-milk-form-modal.modal-nuevo #dia-lec-foot-wrap .bit-bitacora-foot-save-ico,
#m-dia-lec.lec-milk-form-modal.modal-nuevo #dia-lec-foot-wrap .bit-bitacora-foot-cancel-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#m-dia-lec .dia-lec-stack{display:flex!important;flex-direction:column!important;gap:10px!important;}
#m-dia-lec .dia-lec-turns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:stretch!important;}
#m-dia-lec .dia-lec-turn{text-align:center!important;}
#m-dia-lec .dia-lec-turn__val{font-size:26px!important;font-weight:900!important;color:#0f172a!important;line-height:1.1!important;font-variant-numeric:tabular-nums!important;}
#m-dia-lec .dia-lec-turn__unit{font-size:13px!important;font-weight:800!important;color:#64748b!important;}
#m-dia-lec .dia-lec-turn__lbl{font-size:12px!important;font-weight:800!important;color:#475569!important;margin-top:6px!important;}
#m-dia-lec .dia-lec-turn__meta{font-size:11px!important;color:#64748b!important;margin-top:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;}
#m-dia-lec .dia-lec-summary__grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;text-align:center!important;}
#m-dia-lec .dia-lec-summary__num{font-size:19px!important;font-weight:900!important;color:#0f172a!important;font-variant-numeric:tabular-nums!important;}
#m-dia-lec .dia-lec-summary__num--muted{color:#334155!important;}
#m-dia-lec .dia-lec-summary__unit{font-size:12px!important;font-weight:800!important;color:#64748b!important;margin-left:1px!important;}
#m-dia-lec .dia-lec-summary__lbl{font-size:10px!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-top:4px!important;}
#m-dia-lec .dia-lec-extra__row{display:flex!important;justify-content:space-around!important;flex-wrap:wrap!important;gap:10px!important;}
#m-dia-lec .dia-lec-extra__item{text-align:center!important;}
#m-dia-lec .dia-lec-extra__val{font-size:17px!important;font-weight:900!important;color:#0f172a!important;}
#m-dia-lec .dia-lec-extra__lbl{font-size:10px!important;font-weight:800!important;color:#64748b!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin-top:4px!important;text-transform:uppercase!important;letter-spacing:.03em!important;}
#m-dia-lec .dia-lec-extra__ico{width:15px!important;height:15px!important;object-fit:contain!important;}
#m-dia-lec .dia-lec-obs__tit{font-size:11px!important;font-weight:800!important;color:#475569!important;}
#m-dia-lec .dia-lec-obs__txt{font-size:13px!important;color:#334155!important;margin-top:6px!important;line-height:1.45!important;}

/* Piloto: cerrar nutrición (legacy) — no incluir .bitacora-modal-back (cabecera Bitácora) */
#m-nutricion button[onclick*="cerrarNutricion"]:not(.bitacora-modal-back){
  background:var(--manto-btn-ghost-bg)!important;
  border:var(--manto-btn-ghost-border)!important;
  border-radius:4px!important;
  color:var(--manto-btn-ghost-color)!important;
  -webkit-text-fill-color:var(--manto-btn-ghost-color)!important;
  box-shadow:var(--manto-btn-ghost-shadow)!important;
  font-weight:700!important;
  text-transform:none!important;
}

/* Histórico Leche: editar = gris; eliminar = rojo translúcido */
#pg-lec #lec-list .lec-piloto-btn--row-edit,
#pg-lec #lec-list .lec-hist-dia-card__btn--edit{
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
#pg-lec #lec-list .lec-piloto-btn--row-del,
#pg-lec #lec-list .lec-hist-dia-card__btn--del{
  background:var(--manto-btn-danger-bg)!important;
  border:var(--manto-btn-danger-border)!important;
  color:var(--manto-btn-danger-color)!important;
  -webkit-text-fill-color:var(--manto-btn-danger-color)!important;
  box-shadow:var(--manto-btn-danger-shadow)!important;
}

/* Modo nutrición (Animal/Hato/Referencia): segmento en public/styles.css (#m-nutricion .nutr-modos) */

/* ===== PESAJE — SERIO V2 (paneles Manto; referencia #pg-pesaje.serio-v2) ===== */
#pg-pesaje.pesaje-serio-v1{
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  --ps-bg:var(--superficie-pagina);
  --ps-panel:#ffffff;
  --ps-line:#cfd4dc;
  --ps-line-strong:#b9c0ca;
  --ps-text:#111827;
  --ps-muted:#4b5563;
}
/* Ritmo vertical entre Última sesión, Promedios e Historial (vs gap global 16px) */
#pg-pesaje.pesaje-serio-v1 > .section > .section-body > .section-content{
  padding-top:4px!important;
  gap:4px!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  margin-bottom:0!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--hero{
  padding:0!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-pesaje.pesaje-serio-v1 .pes-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
/* ─── «Última sesión» APLANADO (fase 2.4d) ─────────────────────────────
   Estructura anterior tenía un recuadro interno (.pes-serio-stats-recuadro)
   DENTRO del .pes-serio-panel--stats, generando doble marco.
   Ahora el .pes-serio-panel--stats ES la card (piel canónica igual que el
   resto de bloques Pesaje) y usa .pes-serio-panel-h + .pes-serio-panel-body
   como "Promedios" e "Historial de sesiones".
   Sólo mantenemos estilos útiles: el slot del CTA de cabecera.              */
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--stats .pes-serio-panel-h--toolbar{
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-stats-cta-slot{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-shrink:0!important;
  min-width:0!important;
}
/* CTA «Ver ranking» a la derecha del título — altura fija 32px (misma que icono) */
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis-head-cta .pes-serio-stats-rank-btn{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  width:auto!important;
  max-width:min(200px,52vw)!important;
  padding:0 8px!important;
  margin:0!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.02px!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis-head-cta .pes-serio-stats-rank-btn__ico{
  width:12px!important;
  height:12px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-kpis-head-cta .pes-serio-stats-rank-btn{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-kpis-head-cta .pes-serio-stats-rank-btn:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-kpis-head-cta .pes-serio-stats-rank-btn:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
@media (max-width:520px){
  #pg-pesaje.pesaje-serio-v1 #pesaje-kpis-head-cta .pes-serio-stats-rank-btn{
    max-width:min(180px,48vw)!important;
    padding:0 6px!important;
    font-size:9px!important;
  }
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-stats-tit-ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-stats-tit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  letter-spacing:.01em!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-stats-sub,
#pg-pesaje.pesaje-serio-v1 .pesaje-panel-muted{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--prom,
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--main{
  padding:0!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--sesiones{
  margin-bottom:0!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-h{
  background:var(--superficie-bloque-header)!important;
  /* Banda: alineada con fin de hoja (HEADER BLOQUE 8×10); sin subtítulos en .pes-serio-panel-h */
  padding:8px 10px!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-h--toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-htit-wrap,
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .pes-serio-panel-htit-wrap,
#pg-ani.animales-serio-v1 .ani-serio-panel-h .pes-serio-panel-htit-wrap,
#pg-nac.partos-serio-v1 .partos-serio-panel-h .pes-serio-panel-htit-wrap,
#pg-pot.potreros-serio-v1 .pot-panel-h .pes-serio-panel-htit-wrap,
#pg-ins.insumos-serio-v1 .ins-serio-subpanel-h .pes-serio-panel-htit-wrap,
#pg-cal.eventos-serio-v1 .cal-serio-panel-h .pes-serio-panel-htit-wrap,
#pg-tools.tools-pg-serio .tools-pg-sec-h .pes-serio-panel-htit-wrap,
#pg-rent.finanzas-serio-v1 .rent-serio-panel-h .pes-serio-panel-htit-wrap,
#pg-desc.descartes-serio-v1 .desc-serio-panel-h .pes-serio-panel-htit-wrap,
#pg-vac.vacunas-serio-v1 .vac-serio-panel-h .pes-serio-panel-htit-wrap{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:0!important;
  flex:1!important;
}
/* TOOLS — recuadro 36×36: sin crecer por flex/padding; banda 4+36+4 */
html body #pg-tools.tools-pg-serio .tools-pg-sec-h{
  padding:4px 10px!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  box-sizing:border-box!important;
  align-items:center!important;
}
html body #pg-tools.tools-pg-serio .serio-v1-icon-box.header-bloque{
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;
  box-sizing:border-box!important;
  flex:0 0 36px!important;
  align-self:center!important;
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__head .pes-serio-panel-htit-wrap--noticias{
  align-items:center!important;
  min-height:auto!important;
  align-self:stretch!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-htit-ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--prom .pes-serio-htit-ico{
  width:36px!important;
  height:36px!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--sesiones .pes-serio-htit-ico{
  width:36px!important;
  height:36px!important;
}
/* NEW MODAL: icono 28px vía styles.css; solo legacy sin .modal-nuevo */
#m-det-sesion-pesaje.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h__ico{
  width:32px!important;
  height:32px!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-htit-block{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-htit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.2!important;
}
/* Subtítulo dinámico bajo el header (Promedios) — no va en .pes-serio-panel-h */
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-hsub--body,
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-hsub.pes-serio-panel-hsub--body{
  margin:0 0 8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.3!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-hint-below-h{
  margin:0 0 8px!important;
  padding:0!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.35!important;
  color:#94a3b8!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-hsub{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel-body{
  padding:10px!important;
  background:#ffffff!important;
}
/* Promedios — una fila, 4 columnas iguales, ancho completo (chips Manto como Animales/Leche) */
#pg-pesaje.pesaje-serio-v1 .pes-prom-fp-scroll{
  overflow:visible!important;
  width:100%!important;
  max-width:100%!important;
  padding:2px 0 4px!important;
  margin:0 0 4px!important;
  box-sizing:border-box!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-prom-fp-chain{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  margin:0!important;
  cursor:pointer!important;
  white-space:normal!important;
  line-height:1.15!important;
  font-size:var(--manto-period-sel-fs)!important;
  font-weight:var(--manto-period-sel-fw)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border-radius:var(--manto-chip-ref-inner-r)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
  transition:background .15s,border-color .15s,box-shadow .15s,color .15s!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb:not(.active):hover{
  border-color:#c4cbd4!important;
  box-shadow:var(--manto-chip-ref-shadow-off),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb.active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb.active:hover{
  border-color:#4a5d6e!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb.active:active{
  opacity:.97!important;
  background:linear-gradient(180deg,#c9d6e4 0%,#7a8fa3 100%)!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb:focus-visible{
  outline:2px solid rgba(100,116,139,.45)!important;
  outline-offset:2px!important;
}
@media (max-width:767px){
  #pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip{
    gap:6px!important;
  }
}
/* TOP 5 última sesión (KPI): fotos vacas + filas */
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 0!important;
  box-sizing:border-box!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-row + .pesaje-kpi-top5-row{
  border-top:1px solid rgba(241,245,249,.95)!important;
  padding-top:7px!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-rank{
  flex-shrink:0!important;
  width:18px!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#64748b!important;
  text-align:right!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-photo{
  flex-shrink:0!important;
  width:38px!important;
  height:38px!important;
  border-radius:4px!important;
  border:1px solid #cbd5e1!important;
  background:#e5e7eb!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-photo .pesaje-kpi-top5-ph{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  font-size:18px!important;
  line-height:1!important;
  opacity:.72!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-name{
  flex:1!important;
  min-width:0!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#475569!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-litros{
  flex-shrink:0!important;
  font-size:13px!important;
  font-weight:900!important;
  color:#111827!important;
  font-variant-numeric:tabular-nums!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* TOP 5 — pill de chapeta (#arete) 20260419 */
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-chap{
  flex-shrink:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2px 8px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%)!important;
  border:1px solid #cbd5e1!important;
  border-radius:10px!important;
  font-size:10.5px!important;
  font-weight:800!important;
  color:#334155!important;
  letter-spacing:.02em!important;
  font-variant-numeric:tabular-nums!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 1px rgba(15,23,42,.05)!important;
  max-width:120px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-right:2px!important;
}
/* TOP 5 — fila clickeable (abre ficha del animal) 20260419 */
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-row.is-clickable{
  cursor:pointer!important;
  border-radius:6px!important;
  margin:0 -4px!important;
  padding-left:4px!important;
  padding-right:4px!important;
  transition:background-color .15s ease, transform .1s ease, box-shadow .15s ease!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-row.is-clickable:hover{
  background:rgba(241,245,249,.85)!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-row.is-clickable:active{
  transform:scale(.995)!important;
  background:rgba(226,232,240,.9)!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-row.is-clickable:focus-visible{
  outline:2px solid #64748b!important;
  outline-offset:2px!important;
  background:rgba(241,245,249,.85)!important;
}
@media (prefers-reduced-motion: reduce){
  #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-row.is-clickable{
    transition:none!important;
  }
  #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-top5-row.is-clickable:active{
    transform:none!important;
  }
}

/* KPIs TOTAL DÍA / PROMEDIO y cuadrícula «Promedios» — misma piel que .lec-prod-cell (Leche); esquinas 12px */
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero,
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero{
  box-sizing:border-box!important;
  padding:12px!important;
  text-align:center!important;
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  border-top:3px solid #cbd5e1!important;
  border-radius:12px!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero,
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%)!important;
  border-color:#94a3b8!important;
  border-top:3px solid #cbd5e1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07)!important;
}

/* Tarjetas dinámicas de KPIs y promedios de pesaje con estilo Leche (no aplastar sombra B3 de .pesaje-kpi-stat--hero) */
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis > div,
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .card,
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis [style*="border-radius"],
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios > div,
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios .card,
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios [style*="border-radius"],
#pg-pesaje.pesaje-serio-v1 #pesaje-sesiones > div:not(.pes-hist-sesion-card),
#pg-pesaje.pesaje-serio-v1 #pesaje-sesiones .card{
  border-radius:4px!important;
  box-shadow:none!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero,
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero{
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero,
body.light #pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07)!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis [style*="linear-gradient"],
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios [style*="linear-gradient"],
#pg-pesaje.pesaje-serio-v1 #pesaje-sesiones [style*="linear-gradient"]{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
}

/* ===== MODALES DE PESAJE (legacy sin shell Bitácora; con bitacora-serio-v2 aplica styles.css) ===== */
#m-sesion-pesaje:not(.bitacora-serio-v2) .mbox,
#m-det-sesion-pesaje:not(.bitacora-serio-v2) .mbox,
#m-imp-pesaje:not(.bitacora-serio-v2) .mbox{
  border-radius:0!important;
  border:1px solid #cfd4dc!important;
  background:#fff!important;
  box-shadow:none!important;
}
#m-sesion-pesaje:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"],
#m-det-sesion-pesaje:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"],
#m-imp-pesaje:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"],
#m-sesion-pesaje:not(.bitacora-serio-v2) .pesaje-mhdr,
#m-det-sesion-pesaje:not(.bitacora-serio-v2) .pesaje-mhdr,
#m-imp-pesaje:not(.bitacora-serio-v2) .pesaje-mhdr{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#m-sesion-pesaje:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"] *,
#m-det-sesion-pesaje:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"] *,
#m-imp-pesaje:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"] *,
#m-sesion-pesaje:not(.bitacora-serio-v2) .pesaje-mhdr *,
#m-det-sesion-pesaje:not(.bitacora-serio-v2) .pesaje-mhdr *,
#m-imp-pesaje:not(.bitacora-serio-v2) .pesaje-mhdr *{
  color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-sesion-pesaje:not(.modal-nuevo) .fi,
#m-det-sesion-pesaje .fi,
#m-imp-pesaje:not(.modal-nuevo) .fi{
  border-radius:4px!important;
  border:1px solid #b9c0ca!important;
  background:#fff!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-sesion-pesaje:not(.modal-nuevo) .flbl,
#m-det-sesion-pesaje .flbl,
#m-imp-pesaje:not(.modal-nuevo) .flbl{
  color:#4b5563!important;
  font-weight:700!important;
}
#m-sesion-pesaje:not(.modal-nuevo) .btn,
#m-det-sesion-pesaje .btn,
#m-imp-pesaje:not(.modal-nuevo) button[id^="btn-imp-"]{
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-sesion-pesaje:not(.modal-nuevo) #btn-guardar-pesaje,
#m-imp-pesaje:not(.modal-nuevo) #btn-imp-ps-confirmar{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  text-shadow:none!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#m-sesion-pesaje:not(.modal-nuevo) #btn-guardar-pesaje,
#m-imp-pesaje:not(.modal-nuevo) #btn-imp-ps-confirmar,
#m-imp-pesaje:not(.modal-nuevo) #btn-imp-ps-cancelar{
  border-radius:4px!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
}
#m-sesion-pesaje:not(.modal-nuevo) [style*="text-transform:uppercase"],
#m-det-sesion-pesaje [style*="text-transform:uppercase"],
#m-imp-pesaje:not(.modal-nuevo) [style*="text-transform:uppercase"]{
  text-transform:none!important;
  letter-spacing:0!important;
}
#m-sesion-pesaje:not(.modal-nuevo) .card,
#m-det-sesion-pesaje .card,
#m-imp-pesaje:not(.modal-nuevo) .card{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  box-shadow:none!important;
  background:#fff!important;
}
#m-imp-pesaje:not(.modal-nuevo) #imp-ps-drop{
  border-radius:4px!important;
  border:1px dashed #b9c0ca!important;
  background:#fbfcfd!important;
}
#m-det-sesion-pesaje #dsp-kpis > div:not(.pes-det-kpi-row),
#m-det-sesion-pesaje #dsp-kpis [style*="border-radius"]:not(.pes-det-kpi-chip),
#m-det-sesion-pesaje #dsp-lista > div:not(.pes-det-turno-wrap):not(.pes-det-rank-card),
#m-det-sesion-pesaje #dsp-lista [style*="border-radius"]{
  border-radius:4px!important;
  box-shadow:none!important;
}
#m-det-sesion-pesaje #dsp-kpis [style*="linear-gradient"]:not(.pes-det-kpi-chip){
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
}

/* Ranking producción (overlay #overlay-mejor-vaca): NEW MODAL en dashboard-kpi.js + styles.css (mismo shell que overlay KPI) */

/* Modal detalle sesión pesaje: pie legacy solo si NO es NEW MODAL (.ani-serio-v2-footer-shell) */
#m-det-sesion-pesaje.pes-det-modal-serio-v1 .pes-det-modal-foot:not(.ani-serio-v2-footer-shell).bitacora-actions,
#m-det-sesion-pesaje.pes-det-modal-serio-v1 .pes-det-modal-foot:not(.ani-serio-v2-footer-shell){
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid #e2e8f0!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#m-det-sesion-pesaje.pes-det-modal-serio-v1 .pes-det-modal-foot--dual:not(.ani-serio-v2-footer-shell){
  justify-content:space-between!important;
}
/* Cabecera modal hero Pesaje: solo si NO es NEW MODAL (NEW MODAL = B3 Bitácora en styles.css) */
#m-det-sesion-pesaje.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row{
  background:var(--manto-pes-det-hero-bg)!important;
  border:var(--manto-pes-det-hero-border)!important;
  border-radius:var(--manto-serio-radius,6px)!important;
  box-shadow:var(--manto-pes-det-hero-shadow)!important;
}
/* KPI Total/Promedio/Máx-Min detalle sesión: ver styles.css (.pes-det-kpi-*) */

/* Ranking finca overlay: shell en styles.css (.bitacora-pes-overlay) */
#overlay-ranking-finca.bitacora-pes-overlay .pes-rf-list{
  background:#f8fafc!important;
  padding:12px 14px 14px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:var(--manto-serio-panel-borde)!important;
  margin-top:4px!important;
  flex:1!important;
  min-height:0!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-serio-prom-body{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* Pesaje — Historial de sesiones: tarjetas tipo recuadro Bitácora diaria */
#pg-pesaje.pesaje-serio-v1 .pes-hist-sesion-card{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
  padding:11px 13px!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
  transition:background .15s ease,box-shadow .15s ease!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-hist-sesion-card:hover{
  background:#f8fafc!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-hist-sesion-card:focus-visible{
  outline:2px solid rgba(100,116,139,.45)!important;
  outline-offset:2px!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-hist-sesion-card__fecha{
  font-size:13px!important;
  font-weight:800!important;
  color:#111827!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-hist-sesion-card__meta{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  margin-top:3px!important;
  line-height:1.35!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-hist-sesion-card__text{
  min-width:0!important;
  flex:1!important;
}
#pg-pesaje.pesaje-serio-v1 .pes-hist-sesion-card__chev{
  color:#cbd5e1!important;
  font-size:18px!important;
  flex-shrink:0!important;
  line-height:1!important;
}

/* Modal detalle sesión — tabs turno (segmento Bitácora) */
#m-det-sesion-pesaje.pes-det-modal-serio-v1 .pes-det-turno-wrap{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-bottom:12px!important;
  padding:4px!important;
  border-radius:6px!important;
  border:1px solid #d1d5db!important;
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f6 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
#m-det-sesion-pesaje.pes-det-modal-serio-v1 .pes-det-turno-tb{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 10px!important;
  font-size:11px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border:none!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#334155!important;
  cursor:pointer!important;
  box-shadow:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#m-det-sesion-pesaje.pes-det-modal-serio-v1 .pes-det-turno-tb--active{
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
}
#m-det-sesion-pesaje.pes-det-modal-serio-v1 .pes-det-rank-card{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:8px!important;
  padding:10px 12px!important;
  cursor:pointer!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
  transition:background .15s ease!important;
}
#m-det-sesion-pesaje.pes-det-modal-serio-v1 .pes-det-rank-card:hover{
  background:#f8fafc!important;
}

/* Modal nutrición: recuadros alineados (colores de texto vía JS) */
#m-nutricion #nutr-kpis > div,
#m-nutricion #nutr-tabla-racion > div{
  border-radius:4px!important;
  box-shadow:none!important;
}

/* Pesaje KPI internos (forzar 1:1 con Leche; excluir celdas B3 .pesaje-kpi-stat--hero) */
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis > div,
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis > div > div:not(.pesaje-kpi-stat--hero),
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis .card,
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios > div,
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios > div > div:not(.pesaje-kpi-stat--hero),
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios .card{
  border-radius:4px!important;
  box-shadow:none!important;
}
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis [style*="background:var(--s"],
#pg-pesaje.pesaje-serio-v1 #pesaje-kpis [style*="background:#"]:not(.pesaje-kpi-stat--hero),
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios [style*="background:var(--s"],
#pg-pesaje.pesaje-serio-v1 #pesaje-promedios [style*="background:#"]:not(.pesaje-kpi-stat--hero){
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
}

/* Guardar sesión: piloto B2 (legacy; NEW MODAL usa pie .ani-serio-v2-save en styles.css) */
#m-sesion-pesaje:not(.modal-nuevo) button[id*="guardar"],
#m-sesion-pesaje:not(.modal-nuevo) #btn-guardar-pesaje{
  border-radius:4px!important;
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  text-shadow:none!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
}

/* ================= DASHBOARD SERIO V1 (tokens Manto: paneles + vitreo) ================= */
#pg-dash.dash-serio-v1{
  background:var(--bg,#e8edf4)!important;
  overflow-x:hidden;
  max-width:100%;
}
#pg-dash.dash-serio-v1 .dash-sync-strip{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 10px;
  padding:8px 10px 10px;
  margin:12px 0 0;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:var(--manto-serio-radius,6px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 .dash-sync-strip__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  flex-shrink:0;
  background:#94a3b8;
  box-shadow:0 0 0 2px rgba(148,163,184,.25);
}
#pg-dash.dash-serio-v1 .dash-sync-strip__dot--ok{background:#475569;box-shadow:0 0 0 2px rgba(71,85,105,.2)}
#pg-dash.dash-serio-v1 .dash-sync-strip__dot--warn{background:#d97706;box-shadow:0 0 0 2px rgba(217,119,6,.25)}
#pg-dash.dash-serio-v1 .dash-sync-strip__dot--off{background:#b91c1c;box-shadow:0 0 0 2px rgba(185,28,28,.2)}
#pg-dash.dash-serio-v1 .dash-sync-strip__dot--load{background:#64748b;animation:dashSyncPulse 1.2s ease-in-out infinite}
@keyframes dashSyncPulse{0%,100%{opacity:1}50%{opacity:.45}}
#pg-dash.dash-serio-v1 .dash-sync-strip__txt{
  font-size:12px;
  font-weight:700;
  color:#334155;
  flex:1 1 140px;
  min-width:0;
  line-height:1.3;
}
#pg-dash.dash-serio-v1 .dash-sync-strip__n{
  font-size:11px;
  font-weight:800;
  color:#92400e;
  background:#fffbeb;
  border:1px solid #fcd34d;
  padding:3px 8px;
  border-radius:999px;
  white-space:nowrap;
}
/* Tools — estado sync: una sola fila (punto + texto + badge + Ver detalle compacto 32px) */
#pg-tools.tools-pg-serio .dash-sync-strip--tools{
  padding:8px 10px 10px;
  margin:12px 0 16px;
  background:var(--superficie-pagina,#e8edf4);
  border:var(--borde-fino,1px solid var(--gris-300,#cbd5e1));
  border-radius:var(--manto-serio-radius,12px);
  box-shadow:var(--manto-serio-panel-inset,inset 0 1px 0 rgba(255,255,255,.9)),var(--manto-serio-panel-drop,0 1px 2px rgba(15,23,42,.05));
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-tools.tools-pg-serio .tools-sync-strip__title-row{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:8px;
  width:100%;
  min-width:0;
}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .dash-sync-strip__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  flex-shrink:0;
  background:var(--gris-400,#94a3b8);
  box-shadow:0 0 0 2px rgba(148,163,184,.25);
}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .dash-sync-strip__dot--ok{background:#475569;box-shadow:0 0 0 2px rgba(71,85,105,.2)}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .dash-sync-strip__dot--warn{background:#d97706;box-shadow:0 0 0 2px rgba(217,119,6,.25)}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .dash-sync-strip__dot--off{background:#b91c1c;box-shadow:0 0 0 2px rgba(185,28,28,.22)}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .dash-sync-strip__dot--load{background:#64748b;animation:dashSyncPulse 1.2s ease-in-out infinite}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .dash-sync-strip__txt{
  font-size:12px;
  font-weight:700;
  color:var(--texto-base,#334155);
  flex:1 1 auto;
  min-width:0;
  line-height:1.3;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .dash-sync-strip__n{
  font-size:11px;
  font-weight:800;
  color:#92400e;
  background:#fffbeb;
  border:1px solid #fcd34d;
  padding:3px 8px;
  border-radius:999px;
  white-space:nowrap;
  align-items:center;
}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .tools-sync-strip__detail{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0 10px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border:var(--manto-btn-gris-ok-border)!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .tools-sync-strip__detail:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
#pg-tools.tools-pg-serio .dash-sync-strip--tools .tools-sync-strip__detail:active{
  opacity:.94;
}
#pg-dash.dash-serio-v1 .dash-serio-hero:not(.dash-serio-hero--title-strip){
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:10px 12px 10px;
  margin:-2px 0 10px;
  background:linear-gradient(180deg,#ffffff 0%,#f1f5f9 100%);
  border:1px solid var(--manto-tab-vitreo-borde,#e2e8f0);
  border-radius:var(--manto-serio-radius,6px);
  box-shadow:var(--manto-serio-panel-inset, inset 0 1px 0 rgba(255,255,255,.9)),0 1px 2px rgba(15,23,42,.06);
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
/* Cabeceras Dashboard (3 pestañas) y héroes de sección: vitreo B3 */
#pg-dash.dash-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-lec.leche-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-nac.partos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-vac.vacunas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-desc.descartes-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-pesaje.pesaje-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ins.insumos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-cal.eventos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-usr.usuarios-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-rent.finanzas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-pot.potreros-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:var(--manto-hero-title-strip-gap);
  flex-wrap:wrap;
  margin:var(--manto-hero-strip-margin);
  padding:var(--manto-hero-strip-pad);
  /* Rail inferior (.nav.nav--rail-cards .nb inactivo): misma tarjeta */
  background:linear-gradient(180deg,#eceff3 0%,#e5e9ef 48%,#dfe4ea 100%);
  border:1px solid rgba(148,163,184,.42);
  border-radius:14px;
  box-shadow:
    0 1px 2px rgba(15,23,42,.06),
    inset 0 1px 1px rgba(255,255,255,.55),
    inset 0 -1px 2px rgba(15,23,42,.07);
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
/* Dashboard Inicio: columna + clima + Registro diario (compacto, misma card) */
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip{
  padding:10px 12px 12px;
}
#pg-dash.dash-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-lec.leche-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-nac.partos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-vac.vacunas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-desc.descartes-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-pesaje.pesaje-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-ins.insumos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-cal.eventos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-usr.usuarios-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-rent.finanzas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-pot.potreros-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row,
#pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:var(--manto-hero-head-row-gap);
  flex:1;
  min-width:0;
}
#pg-dash.dash-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-lec.leche-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-nac.partos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-vac.vacunas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-desc.descartes-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-pesaje.pesaje-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-ins.insumos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-cal.eventos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-usr.usuarios-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-rent.finanzas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-pot.potreros-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text,
#pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row .dash-serio-hero__text{
  flex:1;
  min-width:0;
}
/*
 * Hero de sección: iconos más grandes y uniformes (alineados al rail ~32px útiles → ~48px slot).
 */
.dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__ico-inline{
  width:auto!important;
  height:48px!important;
  min-width:auto!important;
  min-height:48px!important;
  max-width:var(--manto-sec-hero-ico-max-w,180px)!important;
  max-height:48px!important;
  object-fit:contain!important;
  object-position:center!important;
  flex-shrink:0!important;
  align-self:center!important;
  display:block!important;
  box-sizing:border-box!important;
}
#pg-ani.animales-serio-v1 .dash-serio-hero--title-strip .dash-serio-hero__ico-inline,
#pg-nac.partos-serio-v1 .dash-serio-hero--title-strip .dash-serio-hero__ico-inline,
#pg-pot.potreros-serio-v1 .dash-serio-hero--title-strip .dash-serio-hero__ico-inline,
#pg-desc.descartes-serio-v1 .dash-serio-hero--title-strip .dash-serio-hero__ico-inline,
#pg-ins.insumos-serio-v1 .dash-serio-hero--title-strip .dash-serio-hero__ico-inline,
#pg-pesaje.pesaje-serio-v1 .dash-serio-hero--title-strip .dash-serio-hero__ico-inline{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
}
/* ===== RECUADRO CONTADOR — nombre para pedir cambios (clase .recuadro-contador, data-manto-recuadro="recuadro-contador") =====
   Misma piel que pestaña del tablero activa («botón gris ok» → --manto-btn-gris-ok-*). Valores: refreshSectionHeroStats() en app-core.js */
.dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__stat.recuadro-contador,
.dash-serio-hero__stat.recuadro-contador{
  box-sizing:border-box!important;
  flex:0 0 72px!important;
  flex-shrink:0!important;
  align-self:center!important;
  margin-left:auto!important;
  width:72px!important;
  min-width:72px!important;
  max-width:72px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:5px 4px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px;
  text-align:center;
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f6 55%,#e2e8f0 100%);
  border:1px solid rgba(148,163,184,.45);
  border-radius:14px;
  box-shadow:
    0 1px 2px rgba(15,23,42,.07);
}
.dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-lbl,
.dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-unit{
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  color:#475569!important;
  text-transform:uppercase!important;
  line-height:1.15!important;
  max-width:100%;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-val{
  font-size:clamp(15px,3.6vw,17px);
  font-weight:900;
  color:var(--manto-btn-gris-ok-color,#0f172a);
  line-height:1.1;
  font-variant-numeric:tabular-nums;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:2px 0 0;
}
@media (max-width:520px){
  .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__head-row{
    flex-wrap:wrap;
  }
  .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__stat.recuadro-contador{
    margin-left:0!important;
    flex:0 0 66px!important;
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-lbl,
  .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-unit{
    font-size:8px;
  }
  .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__stat.recuadro-contador .dash-serio-hero__stat-val{
    font-size:clamp(14px,4vw,16px);
  }
}
/* Misma “tarjeta rail” en modo claro (refuerzo sutil; base ya aplica gradiente rail) */
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-serio-hero.dash-serio-hero--title-strip,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-lec.leche-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-pesaje.pesaje-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-nac.partos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-pot.potreros-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-desc.descartes-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-vac.vacunas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ins.insumos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-cal.eventos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-rent.finanzas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-usr.usuarios-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
#pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip{
  background:linear-gradient(180deg,#eceff3 0%,#e5e9ef 48%,#dfe4ea 100%);
  border:1px solid rgba(148,163,184,.42);
  box-shadow:
    0 1px 2px rgba(15,23,42,.06),
    inset 0 1px 1px rgba(255,255,255,.55),
    inset 0 -1px 2px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip{
  flex-direction:column;
  align-items:stretch;
  border-radius:14px;
  overflow:hidden;
}
body.light #pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-lec.leche-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-pesaje.pesaje-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-nac.partos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-pot.potreros-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-desc.descartes-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-vac.vacunas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-ins.insumos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-cal.eventos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-rent.finanzas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-usr.usuarios-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip,
body.light #pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip{
  background:linear-gradient(180deg,#eceff3 0%,#e5e9ef 48%,#dfe4ea 100%);
  border-color:rgba(148,163,184,.42);
  box-shadow:
    0 1px 2px rgba(15,23,42,.06),
    inset 0 1px 1px rgba(255,255,255,.55),
    inset 0 -1px 2px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero__head-row--dash-inicio{
  width:100%;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero__head-row--dash-inicio .dash-serio-hero__ico-dash-inicio{
  width:40px!important;
  height:40px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  min-width:0;
  max-width:100%;
  padding:0;
  box-sizing:border-box;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima__ico{
  flex-shrink:0;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima__ico svg{
  display:block;
  width:26px;
  height:26px;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima__meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:2px;
  min-width:0;
  text-align:right;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima__ubi{
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#64748b;
  line-height:1.2;
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima__temps{
  font-size:14px;
  font-weight:800;
  color:#0f172a;
  line-height:1.25;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
@media (max-width:380px){
  #pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima{
    flex:1 1 100%;
    justify-content:flex-end;
  }
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-registro-diario-btn.btn-gris-ok{
  flex:0 1 auto;
  min-width:0;
  width:auto!important;
  justify-content:center;
  margin-top:0!important;
  box-sizing:border-box;
  border-radius:14px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:0 14px!important;
  font-size:14px!important;
  line-height:normal!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  /* Gradiente header .hdr-serio-v1 translúcido + texto como H1 «Inicio» (html body refuerza en styles.css §4.2) */
  background:linear-gradient(180deg,rgba(241,245,249,.58) 0%,rgba(238,242,246,.64) 55%,rgba(232,236,240,.7) 100%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05);
  backdrop-filter:blur(10px) saturate(1.05);
  border:2px solid var(--texto-base,#334155)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 2px 10px rgba(15,23,42,.12),
    0 1px 3px rgba(15,23,42,.08)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 4px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.45)!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  transition:background .15s,border-color .15s,box-shadow .15s,transform .1s!important;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-registro-diario-btn.btn-gris-ok:hover{
  background:linear-gradient(180deg,rgba(241,245,249,.72) 0%,rgba(238,242,246,.78) 55%,rgba(232,236,240,.84) 100%)!important;
  border-color:var(--texto-fuerte,#0f172a)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 4px 14px rgba(15,23,42,.14)!important;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-registro-diario-btn.btn-gris-ok:active{
  transform:scale(.98)!important;
  background:linear-gradient(180deg,rgba(241,245,249,.48) 0%,rgba(238,242,246,.54) 55%,rgba(232,236,240,.6) 100%)!important;
}
body:not(.light) #pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-registro-diario-btn.btn-gris-ok{
  border:2px solid var(--gris-400,#94a3b8)!important;
  background:linear-gradient(180deg,rgba(30,41,59,.52) 0%,rgba(15,23,42,.58) 55%,rgba(11,18,32,.64) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 4px 16px rgba(0,0,0,.35),
    0 2px 6px rgba(0,0,0,.25)!important;
}
body:not(.light) #pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-registro-diario-btn.btn-gris-ok:hover{
  background:linear-gradient(180deg,rgba(30,41,59,.66) 0%,rgba(15,23,42,.72) 55%,rgba(11,18,32,.78) 100%)!important;
  border-color:var(--gris-300,#cbd5e1)!important;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-registro-diario-btn.btn-gris-ok .dash-registro-diario-btn__ico{
  width:24px!important;
  height:24px!important;
  flex-shrink:0!important;
  display:block!important;
  align-self:center!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))!important;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-registro-diario-btn.btn-gris-ok .dash-registro-diario-btn__lbl{
  flex:0 1 auto!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 4px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.45)!important;
}
/* Dashboard Inicio — CTA: Reporte Finca + Registro diario */
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin-top:10px;
  box-sizing:border-box;
}
/* Reporte Finca: misma cáscara vitrea que Registro diario; ancla JS (.dash-export-reporte-btn) */
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-export-reporte-btn.dash-registro-diario-btn.btn-gris-ok:disabled{
  opacity:.72;
  cursor:not-allowed;
}
@media (max-width:380px){
  #pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row{
    justify-content:center;
  }
  #pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-inicio-hero-cta-row .dash-registro-diario-btn.btn-gris-ok{
    flex:0 1 auto;
    max-width:100%;
    min-width:min(100%,140px);
  }
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-lec.leche-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-nac.partos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-vac.vacunas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-desc.descartes-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-pesaje.pesaje-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-ins.insumos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-cal.eventos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-usr.usuarios-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-rent.finanzas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-pot.potreros-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text,
#pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  flex:1;
  min-width:0;
  text-align:left;
}
#pg-dash.dash-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-lec.leche-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-nac.partos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-vac.vacunas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-desc.descartes-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-pesaje.pesaje-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-ins.insumos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-cal.eventos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-usr.usuarios-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-rent.finanzas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-pot.potreros-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker,
#pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker{
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  color:#64748b;
  text-transform:uppercase;
  margin:0;
  line-height:1.2;
}
#pg-dash.dash-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-lec.leche-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-nac.partos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-vac.vacunas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-desc.descartes-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-pesaje.pesaje-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-ins.insumos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-cal.eventos-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-ia.asistente-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-usr.usuarios-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-rent.finanzas-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-pot.potreros-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title,
#pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title{
  margin:0;
  font-size:clamp(24px,5.6vw,30px);
  font-weight:900;
  color:#0f172a;
  letter-spacing:-0.02em;
  line-height:1.12;
}
#pg-dash.dash-serio-v1 .dash-serio-hero__ico-wrap{
  width:44px;
  height:44px;
  border-radius:10px;
  border:1px solid var(--manto-tab-vitreo-borde,#e2e8f0);
  background:linear-gradient(180deg,#fafbfc,#f1f5f9);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
#pg-dash.dash-serio-v1 .dash-serio-hero__ico{
  width:28px;
  height:28px;
  object-fit:contain;
  display:block;
}
#pg-dash.dash-serio-v1 .dash-serio-hero__text{flex:1;min-width:0}
#pg-dash.dash-serio-v1 .dash-serio-hero__kicker-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
#pg-dash.dash-serio-v1 .dash-serio-hero__kicker{
  font-size:10px;
  font-weight:900;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.1em;
}
#pg-dash.dash-serio-v1 .dash-registro-diario-btn{
  display:inline-flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:0 14px;
  height:38px;
  min-height:38px;
  max-height:38px;
  box-sizing:border-box;
  border-radius:var(--manto-serio-radius);
  border:var(--manto-btn-b3-border);
  background:var(--manto-btn-b3-bg);
  color:var(--manto-btn-b3-color);
  box-shadow:var(--manto-btn-b3-shadow);
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:normal;
  cursor:pointer;
  white-space:nowrap;
  -webkit-appearance:none;
  appearance:none;
  transition:background .15s,border-color .15s,box-shadow .15s,opacity .12s;
}
#pg-dash.dash-serio-v1 .dash-registro-diario-btn .dash-registro-diario-btn__ico{
  width:24px;
  height:24px;
  object-fit:contain;
  flex-shrink:0;
  display:block;
  align-self:center;
}
#pg-dash.dash-serio-v1 .dash-registro-diario-btn .dash-registro-diario-btn__lbl{
  flex:0 1 auto;
  line-height:1.2;
  display:inline-block;
}
#pg-dash.dash-serio-v1 .dash-registro-diario-btn:not(.btn-gris-ok):hover{
  border-color:rgba(148,163,184,.52);
  box-shadow:0 2px 12px rgba(15,23,42,.1),0 0 0 1px rgba(100,116,139,.12);
}
#pg-dash.dash-serio-v1 .dash-registro-diario-btn:not(.btn-gris-ok):focus-visible{
  outline:2px solid rgba(100,116,139,.45);
  outline-offset:2px;
}
#pg-dash.dash-serio-v1 .dash-registro-diario-btn:not(.btn-gris-ok):active{
  opacity:.92;
}
/* Registro diario: piel «botón gris ok» (.btn-gris-ok + tokens --manto-btn-gris-ok-* en :root) */
#pg-dash.dash-serio-v1 .dash-serio-hero__title{
  margin:2px 0 0;
  font-size:clamp(24px,5.6vw,30px);
  font-weight:900;
  color:#0f172a;
  letter-spacing:-0.02em;
  line-height:1.12;
}
#pg-dash.dash-serio-v1 .dash-serio-hero__sub{
  margin:6px 0 0;
  font-size:12px;
  font-weight:600;
  color:#475569;
  line-height:1.35;
}
#pg-dash.dash-serio-v1 .dash-tab-panel{
  padding-top:0;
}
/* Dashboard: strip de pestañas — control segmentado (una sola pieza; activa resalta con gris-ok) */
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment{
  display:flex;
  align-items:center;
  gap:4px;
  padding:3px;
  margin:0 0 8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  box-sizing:border-box;
  border-radius:12px;
  border:1px solid var(--manto-tab-vitreo-borde,#cbd5e1);
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 52%,#e8edf3 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 4px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment::-webkit-scrollbar{display:none}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn{
  flex:1;
  min-width:0;
  box-sizing:border-box;
  height:38px;
  min-height:38px;
  max-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 8px;
  border-radius:9px;
  border:none;
  background:transparent;
  color:#64748b;
  box-shadow:none;
  font-size:12px;
  font-weight:800;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  cursor:pointer;
  white-space:nowrap;
  line-height:1.2;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,opacity .12s ease;
}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn:not(.active):hover{
  background:rgba(255,255,255,.55);
  color:#334155;
}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn__ico{
  width:24px;
  height:24px;
  object-fit:contain;
  flex-shrink:0;
  display:block;
  pointer-events:none;
  opacity:.92;
}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active .dash-tab-btn__ico{
  opacity:1;
}
/* Activa: misma piel que «Registro diario» (.btn-gris-ok — borde + sombra tokens --manto-btn-gris-ok-*) */
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active{
  background:var(--manto-btn-gris-ok-bg);
  border:var(--manto-btn-gris-ok-border);
  border-radius:12px;
  color:var(--manto-btn-gris-ok-color);
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color);
  box-shadow:var(--manto-btn-gris-ok-shadow);
}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active:hover{
  border:var(--manto-btn-gris-ok-border-hover);
  box-shadow:var(--manto-btn-gris-ok-shadow-hover);
}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active:active{
  opacity:.96;
  background:var(--manto-btn-gris-ok-bg-active);
  border:var(--manto-btn-gris-ok-border);
  box-shadow:var(--manto-btn-gris-ok-shadow);
}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn:focus-visible{
  outline:2px solid rgba(71,85,105,.4);
  outline-offset:2px;
}
#pg-dash.dash-serio-v1 .dash-tabs-bar.dash-tabs-bar--segment .dash-tab-btn.active:focus-visible{
  outline:var(--manto-btn-gris-ok-outline);
  outline-offset:2px;
}
/* Recuadros por sección (cabecera + cuerpo) — marco SERIO V1 */
#pg-dash.dash-serio-v1 .dash-inicio-recuadro{
  margin-bottom:14px;
  background:#ffffff;
  border:var(--manto-serio-panel-borde,1px solid #d1d5db);
  border-radius:var(--manto-serio-radius);
  overflow:hidden;
  box-shadow:var(--manto-serio-panel-inset, inset 0 1px 0 rgba(255,255,255,.78)),var(--manto-serio-panel-drop,0 1px 2px rgba(15,23,42,.05));
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro:last-child{
  margin-bottom:0;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  background:var(--superficie-bloque-header);
  border-bottom:var(--borde-fuerte);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head{
  /* Alineación visual: todos los iconos y títulos en la misma columna */
  padding-left:10px;
  gap:10px;
}
/* Asegura consistencia ante overrides antiguos */
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head{
  padding-top:8px!important;
  padding-bottom:8px!important;
  padding-left:10px!important;
  padding-right:14px!important;
  gap:10px!important;
}
/* Totalidad del Hato: asegurar misma altura de header */
#pg-dash.dash-serio-v1 section[aria-labelledby="dash-inicio-tit-hato"] > .dash-inicio-recuadro__head{
  padding-top:8px!important;
  padding-bottom:8px!important;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head{
  overflow:visible!important;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__ico{
  width:22px!important;
  height:22px!important;
  object-fit:contain;
  flex-shrink:0;
  display:block;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.65));
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__tit{
  margin:0;
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  letter-spacing:.01em;
  line-height:1.2;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  flex:1;
  min-width:0;
  display:inline-block;
  transform:scale(1.12);
  transform-origin:left center;
  will-change:transform;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__body{
  padding:12px 12px 14px;
  background:#ffffff;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__body--leche{
  padding:0;
  background:#ffffff;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__body--clima{
  padding:12px 0;
  background:#f8fafc;
  border-top:1px solid var(--manto-tab-vitreo-borde);
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__hint{
  margin:0 0 10px;
  font-size:11px;
  font-weight:600;
  color:#64748b;
  line-height:1.35;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 .dash-top5-leche-toolbar{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
  flex-wrap:nowrap;
  min-width:0;
}
#pg-dash.dash-serio-v1 .dash-top5-leche-tit{
  font-size:11px;
  font-weight:800;
  color:#64748b;
  line-height:1.3;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  flex:1;
  min-width:0;
}
#pg-dash.dash-serio-v1 .dash-top5-leche-meta{
  font-size:10px;
  font-weight:800;
  color:#475569;
  white-space:nowrap;
  flex-shrink:0;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  letter-spacing:.02em;
}
/* Top 10 leche — marquesina horizontal (misma altura visual que antes) */
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-marquee{
  position:relative;
  margin:0 -4px;
  padding:2px 0 4px;
  overflow:hidden;
  border-radius:8px;
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 3%,#000 97%,transparent 100%);
}
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-mover{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  width:max-content;
  gap:8px;
  padding:2px 6px;
  animation:dashTop5Marquee 75s linear infinite;
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  #pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-marquee:hover .dash-top5-leche-mover{
    animation-play-state:paused;
  }
}
@keyframes dashTop5Marquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-chunk{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:8px;
  flex-shrink:0;
  align-items:flex-end;
}
@media (prefers-reduced-motion:reduce){
  #pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-mover{
    animation:none;
    flex-wrap:wrap;
    width:100%;
    max-width:100%;
    justify-content:center;
    row-gap:8px;
  }
  #pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-marquee{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    mask-image:none;
    -webkit-mask-image:none;
  }
  #pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-chunk--dup{display:none!important;}
}
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-avatar-ring{
  width:56px;
  height:56px;
  border-radius:10px;
  border:var(--manto-serio-panel-borde);
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop);
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#f1f5f9);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-avatar-ring img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:8px;
}
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-fallback-img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:6px;
  display:block;
  border-radius:8px;
}
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-rank-badge{
  position:absolute;
  bottom:-2px;
  right:-2px;
  min-width:22px;
  height:22px;
  padding:0 5px;
  border-radius:var(--manto-serio-radius);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  line-height:1;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  color:#334155;
  background:linear-gradient(180deg,#ffffff,#eef2f6);
  border:1px solid var(--manto-tab-vitreo-borde);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 3px rgba(15,23,42,.12);
}
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-litros-pill{
  font-size:11px;
  font-weight:800;
  color:#1e293b;
  background:linear-gradient(180deg,#ffffff,#e4e9f0);
  border:1.5px solid var(--manto-tab-vitreo-borde);
  border-radius:var(--manto-serio-radius);
  padding:4px 8px;
  box-shadow:var(--manto-btn-b3-shadow);
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head--spread{
  flex-wrap:wrap;
  gap:10px 10px;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head--spread .pes-serio-panel-htit-wrap{
  flex:1;
  min-width:120px;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  flex-shrink:0;
  flex-wrap:wrap;
  justify-content:flex-end;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__badge{
  margin-left:auto;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  background:linear-gradient(180deg,#ffffff,#eef2f6);
  color:#1e293b;
  font-size:10px;
  font-weight:800;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid var(--manto-tab-vitreo-borde);
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.05);
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head-actions .dash-inicio-recuadro__badge{
  margin-left:0;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__badge--light{
  background:#fef2f2;
  color:#991b1b;
  border-color:#fecaca;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__btn-head{
  flex-shrink:0;
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:12px;
  border:var(--manto-btn-gris-ok-border);
  background:var(--manto-btn-gris-ok-bg);
  color:var(--manto-btn-gris-ok-color);
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  box-shadow:var(--manto-btn-gris-ok-shadow);
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head.dash-inicio-recuadro__btn-head--ver-cubo{
  width:28px;
  height:28px;
  min-width:28px;
  max-width:28px;
  min-height:28px;
  max-height:28px;
  padding:0;
  border-radius:10px;
  box-sizing:border-box;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-inicio-recuadro__btn-head.dash-inicio-recuadro__btn-head--ver-cubo .dash-inicio-recuadro__btn-head-ico{
  width:16px;
  height:16px;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__head-actions .dash-inicio-recuadro__btn-head{margin-left:0}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__btn-head:active{transform:scale(.98)}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__body--retiro{
  background:#fffafa;
}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro--retiro .dash-inicio-recuadro__body--retiro{
  border-top:1px solid #fecaca;
}
/* Toast bienvenida al iniciar sesión (mismo lenguaje visual que recuadros Inicio) */
.dash-bienvenida-toast{
  position:fixed;
  top:80px;
  left:50%;
  transform:translateX(-50%) translateY(-30px);
  z-index:99999;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:280px;
  max-width:min(360px,92vw);
  padding:14px 16px;
  background:#ffffff;
  border:1px solid #cfd4dc;
  border-radius:6px;
  box-shadow:0 4px 20px rgba(15,23,42,.12),0 1px 2px rgba(15,23,42,.06);
  opacity:0;
  transition:opacity .35s,transform .35s;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
.dash-bienvenida-toast__ico{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:50%;
  flex-shrink:0;
  display:block;
  border:2px solid #e2e8f0;
  background:#f8fafc;
}
.dash-bienvenida-toast__txt{
  min-width:0;
  flex:1;
}
.dash-bienvenida-toast__kicker{
  font-size:11px;
  font-weight:700;
  color:#64748b;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.dash-bienvenida-toast__nombre{
  font-size:18px;
  font-weight:900;
  color:#111827;
  margin-top:2px;
  line-height:1.2;
}
.dash-bienvenida-toast__meta{
  font-size:12px;
  font-weight:600;
  color:#475569;
  margin-top:6px;
  line-height:1.35;
}
/* Pestaña Inicio: mismo canvas que Reproducción/Alertas (sin marco exterior).
   (Marco gris slate original guardado en backup/dash-inicio-bloques-20260418/.) */
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub{
  background:var(--bg,#e8edf4);
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
  box-sizing:border-box;
}
body.light #pg-dash.dash-serio-v1 .dash-tab-panel--inicio{
  background:var(--bg,#e8edf4);
  border:0;
  box-shadow:none;
}
/* Dashboard Alertas — grid 2×2 App Cards */
#pg-dash.dash-serio-v1 .dash-hub-app-section{
  margin:0 0 18px;
  padding:0 2px;
  background:var(--bg,#e8edf4);
}
#pg-dash.dash-serio-v1 .dash-hub-app-panel{
  max-width:400px;
  margin:0 auto;
  background:var(--manto-btn-b3-bg);
  border:var(--manto-btn-b3-border);
  border-radius:var(--manto-serio-radius,12px);
  box-shadow:var(--manto-btn-b3-shadow);
  padding:12px;
  box-sizing:border-box;
}
#pg-dash.dash-serio-v1 .dash-hub-app-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  max-width:none;
  margin:0;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-alertas-hub-hidden{
  display:none!important;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-repro-hub-hidden{
  display:none!important;
}
/* Misma piel que «botón gris ok» (tokens --manto-btn-gris-ok-*) */
#pg-dash.dash-serio-v1 .dash-app-card{
  aspect-ratio:1;
  border-radius:12px;
  background:var(--manto-btn-gris-ok-bg);
  border:var(--manto-btn-gris-ok-border);
  box-shadow:var(--manto-btn-gris-ok-shadow);
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 12px 14px;
  max-width:168px;
  width:100%;
  margin:0 auto;
  box-sizing:border-box;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .12s;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  -webkit-tap-highlight-color:transparent;
}
#pg-dash.dash-serio-v1 .dash-app-card__badge{
  position:absolute;
  top:8px;
  right:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  border:1px solid #cbd5e1;
  background:#e8ecf0;
  color:#0f172a;
  -webkit-text-fill-color:#0f172a;
  font-size:11px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  line-height:1;
  text-align:center;
  box-shadow:0 1px 3px rgba(15,23,42,.1);
  z-index:2;
}
#pg-dash.dash-serio-v1 .dash-app-card:hover{
  border:var(--manto-btn-gris-ok-border-hover);
  box-shadow:var(--manto-btn-gris-ok-shadow-hover);
}
#pg-dash.dash-serio-v1 .dash-app-card:active{
  transform:scale(.98);
  opacity:.96;
  background:var(--manto-btn-gris-ok-bg-active);
  border:var(--manto-btn-gris-ok-border-hover);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 1px 4px rgba(15,23,42,.14),0 0 0 1px rgba(51,65,85,.14);
}
#pg-dash.dash-serio-v1 .dash-app-card__ico{
  width:52px;
  height:52px;
  box-sizing:border-box;
  object-fit:contain;
  border:1px solid #64748b;
  border-radius:10px;
  background:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(15,23,42,.1);
  padding:5px;
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.08));
  opacity:1;
  flex-shrink:0;
}
#pg-dash.dash-serio-v1 .dash-app-card__lbl{
  font-size:13px;
  font-weight:800;
  color:#0f172a;
  -webkit-text-fill-color:#0f172a;
  line-height:1.2;
  text-align:center;
  letter-spacing:.01em;
}
/* Dashboard — Reproducción y Alertas: 4 accesos en una sola fila (compacto, mismo criterio). */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-panel,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-panel{
  max-width:min(560px, 100%);
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  align-items:stretch;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card{
  aspect-ratio:1;
  max-width:none;
  width:100%;
  margin:0;
  padding:10px 4px 8px;
  gap:6px;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__badge,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__badge{
  top:4px;
  right:4px;
  min-width:18px;
  height:18px;
  font-size:10px;
  padding:0 5px;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__ico,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__ico{
  width:36px;
  height:36px;
  padding:4px;
  border-radius:8px;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__lbl,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__lbl{
  font-size:11px;
  line-height:1.2;
  hyphens:auto;
  overflow-wrap:anywhere;
}
@media (max-width:360px){
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-hub-app-grid,
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid{
    gap:6px;
  }
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card,
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card{
    padding:8px 2px 6px;
    gap:4px;
  }
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__ico,
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__ico{
    width:32px;
    height:32px;
  }
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__lbl,
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__lbl{
    font-size:10px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Dashboard Reproducción + Alertas · Rediseño «Pebble SERIO V2» (abril 2026)
   ---------------------------------------------------------------------------
   Solo apariencia — NO cambia DOM, grid ni posiciones. Mantiene los botones
   en 2 filas x 4 columnas. Aplica a los hubs `dash-repro-tab--hub` y
   `dash-alertas-tab--hub` (misma piel que los tiles de Tools en styles.css,
   bloque «Tools · Rediseño Pebble»). Tokens slate, sin verdes/azules.
   =========================================================================== */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card{
  border-radius:14px;
  background:
    radial-gradient(140% 120% at 50% 120%, rgba(148,163,184,0) 58%, rgba(148,163,184,.18) 100%),
    linear-gradient(168deg, #ffffff 0%, #f5f8fc 52%, #e8edf4 100%);
  border:1px solid #cbd5e1;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(148,163,184,.18),
    0 1px 2px rgba(15,23,42,.06),
    0 4px 10px rgba(15,23,42,.04);
  overflow:hidden;
  isolation:isolate;
  transition:
    transform .18s cubic-bezier(.2,.8,.2,1),
    border-color .18s ease,
    box-shadow .22s ease,
    background .22s ease;
}
/* Gleam decorativo arriba-derecha */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card::before,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card::before{
  content:"";
  display:block;
  position:absolute;
  top:-24px; right:-24px;
  width:72px; height:72px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 68%);
  pointer-events:none;
  z-index:0;
  opacity:.55;
  transition:opacity .22s ease, transform .22s ease;
}
/* Spotlight inferior al hover */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card::after,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card::after{
  content:"";
  display:block;
  position:absolute;
  left:50%; bottom:-28px;
  width:78%; height:46px;
  transform:translateX(-50%);
  background:radial-gradient(50% 70% at 50% 30%, rgba(100,116,139,.18) 0%, rgba(100,116,139,0) 75%);
  pointer-events:none;
  z-index:0;
  opacity:0;
  transition:opacity .22s ease;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card > *,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card > *{
  position:relative;
  z-index:1;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card:hover,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card:hover{
  transform:translateY(-2px);
  border-color:#94a3b8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 4px rgba(15,23,42,.06),
    0 10px 22px rgba(15,23,42,.10);
  background:
    radial-gradient(140% 120% at 50% 120%, rgba(148,163,184,0) 55%, rgba(148,163,184,.22) 100%),
    linear-gradient(168deg, #ffffff 0%, #f7fafc 50%, #e4eaf2 100%);
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card:hover::before,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card:hover::before{
  opacity:.85;
  transform:translate(-3px, 3px);
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card:hover::after,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card:hover::after{
  opacity:1;
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card:active,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card:active{
  transform:translateY(0) scale(.98);
  box-shadow:
    inset 0 1px 2px rgba(15,23,42,.08),
    0 1px 2px rgba(15,23,42,.05);
}
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card:focus-visible,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card:focus-visible{
  outline:none;
  border-color:#64748b;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 0 3px rgba(100,116,139,.22),
    0 8px 18px rgba(15,23,42,.10);
}

/* ── Icono interior: el que destaca ─────────────────────────────────────── */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__ico,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__ico{
  width:46px;
  height:46px;
  border-radius:14px;
  padding:6px;
  background:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(155deg, #ffffff 0%, #eef2f7 48%, #d7dee8 100%);
  border:1px solid #b8c2cf;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(148,163,184,.28),
    0 2px 4px rgba(15,23,42,.10),
    0 6px 14px rgba(15,23,42,.06);
  filter:drop-shadow(0 1px 2px rgba(15,23,42,.18));
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease;
}
/* Emoji — centrado vertical correcto, con sombra sutil para relieve */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__ico--emoji,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__ico--emoji{
  font-size:26px!important;
  line-height:1!important;
  padding:0!important;
  color:#1e293b;
  text-shadow:0 1px 2px rgba(15,23,42,.22), 0 0 1px rgba(15,23,42,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  filter:none;
}
/* Hover del icono — lift + glow */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card:hover .dash-app-card__ico,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card:hover .dash-app-card__ico{
  transform:translateY(-2px) scale(1.04);
  border-color:#94a3b8;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(155deg, #ffffff 0%, #f1f5f9 48%, #cdd5e0 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(100,116,139,.35),
    0 4px 8px rgba(15,23,42,.14),
    0 10px 22px rgba(15,23,42,.10);
}

/* Label */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__lbl,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__lbl{
  font-weight:800;
  color:#0f172a;
  letter-spacing:-0.005em;
}

/* Badge — mejor contraste sobre el nuevo fondo */
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__badge,
#pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__badge{
  background:#334155;
  color:#ffffff;
  -webkit-text-fill-color:#ffffff;
  border-color:#1e293b;
  box-shadow:0 2px 4px rgba(15,23,42,.18);
}

/* Escritorio — iconos un pelo mayores */
@media (min-width:520px){
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__ico,
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__ico{
    width:50px;
    height:50px;
  }
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__ico--emoji,
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__ico--emoji{
    font-size:28px!important;
  }
}

/* Móvil estrecho */
@media (max-width:360px){
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__ico,
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__ico{
    width:40px;
    height:40px;
    padding:5px;
    border-radius:12px;
  }
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-repro-tab--hub .dash-app-card__ico--emoji,
  #pg-dash.dash-serio-v1 .dash-tab-panel.dash-alertas-tab--hub .dash-app-card__ico--emoji{
    font-size:22px!important;
  }
}

/* ╔══════════════════════════════════════════════════════════════╗
   ║  HUB REPRO/ALERTAS — Tiles cuadrangulares compactos,         ║
   ║  íconos alineados + badges centrados                         ║
   ║  ==========================================================  ║
   ║  Selector usado: `.dash-hub-app-grid .dash-app-card`         ║
   ║  (padre real en el HTML; no existe `.dash-tab-panel.dash-    ║
   ║   repro-tab--hub`, aquella era una nomenclatura vieja).      ║
   ║  ----------------------------------------------------------  ║
   ║  REGLAS:                                                     ║
   ║   · Botón: cuadrangular compacto, min-height 94px (no crece  ║
   ║     más del límite fijo en `max-height` para no verse        ║
   ║     «rectángulo que ocupa tanto espacio»).                   ║
   ║   · Contenido desde arriba (justify-content:flex-start) +    ║
   ║     padding-top constante → íconos alineados entre filas.    ║
   ║   · Label 1 línea por defecto, hasta 2 líneas si no cabe.    ║
   ║   · Badge CENTRADO horizontalmente sobre el ícono (top:4px,  ║
   ║     left:50%, transform:translateX(-50%)). Misma Y en todos. ║
   ║  PATCH: neutraliza aspect-ratio:1, justify-content:center,   ║
   ║  max-width:168px y gap:10px de las reglas base que dejaban   ║
   ║  los íconos flotantes y los botones demasiado altos.         ║
   ╚══════════════════════════════════════════════════════════════╝ */
#pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card{
  aspect-ratio:auto !important;
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  min-height:94px !important;
  max-height:104px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  padding:20px 6px 8px !important;
  border-radius:14px !important;
  position:relative !important;
  overflow:hidden !important;
}
@media (min-width:520px){
  #pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card{
    min-height:100px !important;
    max-height:112px !important;
  }
}
@media (max-width:360px){
  #pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card{
    min-height:88px !important;
    max-height:96px !important;
    padding:18px 4px 6px !important;
    gap:4px !important;
  }
}

/* Ícono: tamaño compacto, alineación garantizada (sin flex-shrink) */
#pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card__ico{
  width:40px !important;
  height:40px !important;
  padding:5px !important;
  border-radius:11px !important;
  flex-shrink:0 !important;
  margin:0 !important;
}
#pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card__ico--emoji{
  font-size:24px !important;
  line-height:1 !important;
  padding:0 !important;
  width:40px !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
@media (max-width:360px){
  #pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card__ico{
    width:36px !important;
    height:36px !important;
  }
  #pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card__ico--emoji{
    width:36px !important;
    height:36px !important;
    font-size:22px !important;
  }
}

/* Label: 1 línea si cabe, 2 líneas máximo si no cabe; sin hyphens
   automáticos (evita cortes feos tipo «Indi-cadores»). */
#pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card__lbl{
  width:100% !important;
  padding:0 2px !important;
  font-size:11px !important;
  font-weight:800 !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  text-align:center !important;
  line-height:1.18 !important;
  letter-spacing:-0.01em !important;
  hyphens:manual !important;
  -webkit-hyphens:manual !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  margin:0 !important;
}

/* Badge («exponencial»): pill compacta centrada horizontalmente sobre
   el ícono con `top` fijo → todas las burbujas quedan alineadas en
   una misma línea horizontal, cualquiera sea el ancho del número. */
#pg-dash.dash-serio-v1 .dash-hub-app-grid .dash-app-card__badge{
  position:absolute !important;
  top:5px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  min-width:20px !important;
  height:16px !important;
  padding:0 6px !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1 !important;
  border-radius:999px !important;
  background:#1e293b !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid #0f172a !important;
  box-shadow:
    0 1px 3px rgba(15,23,42,.22),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  z-index:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
}

/* (los modales Bitácora de Alertas se estilizan en public/styles.css) */
/* Noticias ganaderas — marquesina infinita (sin miniaturas) SERIO V2 */
#pg-dash.dash-serio-v1 .dash-noticias-widget--pending{
  display:none!important;
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__head{
  align-items:center;
  gap:10px;
  overflow:visible;
}
/* Icono: mismo recuadro manto 36×36 + PNG 28 (styles.css) — no forzar 34×/36× sueltos */
#pg-dash.dash-serio-v1 .dash-noticias-widget__head .dash-noticias-widget__ico-slot.serio-v1-icon-box.header-bloque{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  /* Mismo -4px que el resto de .header-bloque en Inicio; no anular con margin:0 a los lados */
  margin:0 0 0 -4px;
  padding:0;
  overflow:visible;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__head .serio-v1-icon-box.header-bloque .dash-noticias-widget__ico{
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  object-fit:contain;
  display:block;
  transform:none;
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__headtext{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__headtext .dash-noticias-widget__title-slot{
  flex:0 1 auto;
  min-width:0;
}
/* El .dash-inicio-recuadro__tit global lleva flex:1; en fila debe medir solo el texto */
#pg-dash.dash-serio-v1 .dash-noticias-widget__headtext .dash-inicio-recuadro__tit{
  flex:0 1 auto!important;
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__tagline{
  margin:0;
  font-size:11px;
  font-weight:600;
  color:var(--texto-suave,#64748b);
  letter-spacing:.02em;
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__pulse{
  display:block;
  flex-shrink:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#e2e8f0,#64748b);
  box-shadow:0 0 0 0 rgba(100,116,139,.35);
  animation:dashNoticiasPulse 2.2s ease-out infinite;
}
@keyframes dashNoticiasPulse{
  0%{box-shadow:0 0 0 0 rgba(100,116,139,.35);}
  70%{box-shadow:0 0 0 10px rgba(100,116,139,0);}
  100%{box-shadow:0 0 0 0 rgba(100,116,139,0);}
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__body{
  padding:0;
  overflow:hidden;
  max-width:100%;
}
#pg-dash.dash-serio-v1 .dash-noticias-widget__hint{
  margin:10px 2px 0;
  font-size:10px;
  font-weight:600;
  color:#94a3b8;
  letter-spacing:.04em;
  text-transform:uppercase;
}
/* Marquesina: ancho completo; sin franja blanca entre cabecera/cuerpo del recuadro */
#pg-dash.dash-serio-v1 .dash-noticias-marquee{
  position:relative;
  margin:0;
  padding:4px 0;
  overflow:hidden;
  border-radius:0;
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 50%,#e8edf3 100%);
  border:none;
  box-shadow:none;
  mask-image:none;
  -webkit-mask-image:none;
}
#pg-dash.dash-serio-v1 .dash-noticias-marquee__shine{
  display:none;
}
#pg-dash.dash-serio-v1 .dash-noticias-marquee__mover{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  width:max-content;
  gap:14px;
  padding:2px 0;
  animation:dashNoticiasMarquee 85s linear infinite;
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  #pg-dash.dash-serio-v1 .dash-noticias-marquee:hover .dash-noticias-marquee__mover{
    animation-play-state:paused;
  }
}
@keyframes dashNoticiasMarquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
@media (prefers-reduced-motion:reduce){
  #pg-dash.dash-serio-v1 .dash-noticias-widget__pulse{animation:none;}
  #pg-dash.dash-serio-v1 .dash-noticias-marquee__mover{
    animation:none;
    flex-wrap:wrap;
    width:100%;
    max-width:100%;
    justify-content:flex-start;
    row-gap:10px;
  }
  #pg-dash.dash-serio-v1 .dash-noticias-marquee{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    mask-image:none;
    -webkit-mask-image:none;
  }
  #pg-dash.dash-serio-v1 .dash-noticias-marquee__chunk--dup{display:none!important;}
}
/* Marquee: modo usuario (pausa + scroll manual) */
[data-auto-marquee].marquee-user{
  overflow:auto hidden!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  scrollbar-width:thin;
}
[data-auto-marquee].marquee-user::-webkit-scrollbar{height:6px;}
[data-auto-marquee].marquee-user::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;}

#pg-dash.dash-serio-v1 .dash-noticias-marquee.marquee-user .dash-noticias-marquee__mover,
#pg-dash.dash-serio-v1 #dash-top5-leche .dash-top5-leche-marquee.marquee-user .dash-top5-leche-mover,
#pg-dash.dash-serio-v1 .dash-clima-dias__marquee.marquee-user .dash-clima-dias__mover{
  animation-play-state:paused!important;
}
#pg-dash.dash-serio-v1 .dash-noticias-marquee__chunk{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:14px;
  flex-shrink:0;
}
#pg-dash.dash-serio-v1 .dash-noticia-ticker{
  position:relative;
  flex:0 0 auto;
  width:min(210px,76vw);
  max-width:220px;
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:12px 14px 12px 15px;
  border-radius:var(--manto-serio-radius,10px);
  text-decoration:none;
  color:#0f172a;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  background:var(--manto-btn-b3-bg);
  border:var(--manto-btn-b3-border);
  box-shadow:none;
  transition:transform .15s ease,border-color .15s ease;
  overflow:hidden;
}
body.light #pg-dash.dash-serio-v1 .dash-noticia-ticker{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%)!important;
  border-color:#94a3b8!important;
  box-shadow:none!important;
}
#pg-dash.dash-serio-v1 .dash-noticia-ticker__ribbon{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  border-radius:10px 0 0 10px;
  background:linear-gradient(180deg,#94a3b8 0%,#64748b 45%,#475569 100%);
  opacity:.85;
}
#pg-dash.dash-serio-v1 .dash-noticia-ticker__src{
  align-self:flex-start;
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#64748b;
  background:#f1f5f9;
  padding:3px 8px;
  border-radius:4px;
  border:1px solid #e2e8f0;
}
#pg-dash.dash-serio-v1 .dash-noticia-ticker__tit{
  font-size:13px;
  font-weight:750;
  line-height:1.42;
  letter-spacing:.01em;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#pg-dash.dash-serio-v1 .dash-noticia-ticker__fecha{
  font-size:10px;
  font-weight:700;
  color:#64748b;
  text-transform:capitalize;
  margin-top:auto;
}
#pg-dash.dash-serio-v1 .dash-noticia-ticker:hover{
  transform:translateY(-2px);
  border-color:#94a3b8;
  box-shadow:none;
}
body.light #pg-dash.dash-serio-v1 .dash-noticia-ticker:hover{
  border-color:#64748b!important;
  box-shadow:none!important;
}
#pg-dash.dash-serio-v1 .dash-noticia-ticker:active{
  transform:translateY(0);
}
/* Clima San Pedro — SERIO V2 (modo día, grises claros / oscuros) */
#pg-dash.dash-serio-v1 .dash-clima-card{
  background:#ffffff;
  border:1px solid var(--manto-tab-vitreo-borde,#e2e8f0);
  border-radius:var(--manto-serio-radius,6px);
  overflow:hidden;
  position:relative;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  box-shadow:var(--manto-serio-panel-inset, inset 0 1px 0 rgba(255,255,255,.9)),0 1px 2px rgba(15,23,42,.06);
}
#pg-dash.dash-serio-v1 .dash-clima-card__bar{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:6px 10px;
  border-bottom:1px solid var(--manto-tab-vitreo-borde,#e2e8f0);
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#pg-dash.dash-serio-v1 .dash-clima-card__ubi{
  flex:0 1 auto;
  min-width:0;
  max-width:100%;
  display:flex;
  align-items:center;
  letter-spacing:.02em;
}
/* «Cambiar:» + lista: un solo recuadro gris OK (sin línea entre etiqueta y desplegable) */
#pg-dash.dash-serio-v1 .dash-clima-card__combo{
  display:inline-flex;
  align-items:stretch;
  flex:0 1 auto;
  min-width:0;
  max-width:100%;
  height:28px;
  min-height:28px;
  box-sizing:border-box;
  border-radius:5px;
  background:var(--manto-btn-gris-ok-bg);
  border:var(--manto-btn-gris-ok-border);
  box-shadow:var(--manto-btn-gris-ok-shadow);
  overflow:hidden;
}
#pg-dash.dash-serio-v1 .dash-clima-card__combo:hover{
  border:var(--manto-btn-gris-ok-border-hover);
  box-shadow:var(--manto-btn-gris-ok-shadow-hover);
}
#pg-dash.dash-serio-v1 .dash-clima-card__combo:active{
  background:var(--manto-btn-gris-ok-bg-active);
}
#pg-dash.dash-serio-v1 .dash-clima-card__chg{
  flex-shrink:0;
  display:flex;
  align-items:center;
  padding:0 2px 0 8px;
  font-size:10px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  user-select:none;
  color:var(--manto-btn-gris-ok-color);
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color);
}
/* Ancho máx. del desplegable ≈ texto «San Pedro» + flecha; no más ancho que eso */
#pg-dash.dash-serio-v1 .dash-clima-card__sel{
  flex:0 1 auto;
  width:auto;
  min-width:0;
  max-width:calc(10ch + 22px);
  height:auto;
  min-height:100%;
  align-self:stretch;
  margin:0;
  padding:0 5px 0 0;
  font-size:10px;
  font-weight:800;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  cursor:pointer;
  color:var(--manto-btn-gris-ok-color);
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color);
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:auto;
  box-sizing:border-box;
}
#pg-dash.dash-serio-v1 .dash-clima-card__sel:focus{
  outline:none;
}
#pg-dash.dash-serio-v1 .dash-clima-card__combo:focus-within{
  outline:var(--manto-btn-gris-ok-outline);
  outline-offset:2px;
}
/* Actualizar: mismo alto que combo; anula .btn { margin-top:4px; height:48px; width:100% } */
#pg-dash.dash-serio-v1 .dash-clima-card__btn.btn.btn-gris-ok{
  flex:0 0 auto;
  align-self:center;
  width:auto!important;
  min-width:0;
  max-width:none;
  height:28px!important;
  min-height:28px!important;
  max-height:28px;
  margin:0!important;
  padding:0 10px;
  font-size:10px!important;
  font-weight:800;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  border-radius:5px!important;
  letter-spacing:normal!important;
  line-height:1.2;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  box-sizing:border-box;
}
#pg-dash.dash-serio-v1 .dash-clima-card__btn.btn.btn-gris-ok:active{transform:scale(.98)}
body.light #pg-dash.dash-serio-v1 .dash-clima-card__combo{
  background:var(--manto-btn-gris-ok-bg);
  border:var(--manto-btn-gris-ok-border);
  box-shadow:var(--manto-btn-gris-ok-shadow);
}
body.light #pg-dash.dash-serio-v1 .dash-clima-card__combo:hover{
  border:var(--manto-btn-gris-ok-border-hover);
  box-shadow:var(--manto-btn-gris-ok-shadow-hover);
}
body.light #pg-dash.dash-serio-v1 .dash-clima-card__combo:active{
  background:var(--manto-btn-gris-ok-bg-active);
}
/* Sin padding horizontal: la marquesina de días va al borde de la tarjeta */
#pg-dash.dash-serio-v1 .dash-clima-card__body{padding:12px 0 14px;background:#f8fafc}
#pg-dash.dash-serio-v1 .dash-clima-card__err{
  text-align:center;
  font-size:12px;
  font-weight:700;
  color:#64748b;
  padding:18px 12px;
}
/* «Hoy» clima: misma piel KPI SERIO que Totalidad del Hato (.dash-kpi-sgrid .sc) */
#pg-dash.dash-serio-v1 .dash-clima-hoy{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 12px 14px;
  padding:12px 12px 14px;
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  border-radius:var(--manto-serio-radius,6px);
  border:var(--manto-btn-b3-border);
  background:var(--manto-btn-b3-bg);
  box-shadow:var(--manto-btn-b3-shadow);
}
body.light #pg-dash.dash-serio-v1 .dash-clima-hoy{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%);
  border-color:#94a3b8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-clima-hoy::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8);
  pointer-events:none;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__ico{
  font-size:44px;
  line-height:1;
  flex-shrink:0;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__ico .dash-clima-weather-img,
#pg-dash.dash-serio-v1 .dash-clima-dia__ico .dash-clima-weather-img{
  display:block;
  object-fit:contain;
  max-width:100%;
  height:auto;
}
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima__ico .dash-clima-weather-img,
#pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-hero-clima__ico .dash-hero-clima__png{
  display:block;
  object-fit:contain;
  width:26px;
  height:26px;
  max-width:26px;
  max-height:26px;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__meta{flex:1;min-width:0}
#pg-dash.dash-serio-v1 .dash-clima-hoy__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
  min-width:0;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__lbl{
  font-size:11px;
  font-weight:800;
  color:#374151;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:0;
  flex-shrink:0;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__city{
  font-size:11px;
  font-weight:800;
  color:#334155;
  text-align:right;
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25;
}
body.light #pg-dash.dash-serio-v1 .dash-clima-hoy__city{
  color:#0f172a;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__temps{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:2px;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__tempbl{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  min-width:0;
  padding:8px 10px;
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
  border:1px solid #000000;
  border-radius:8px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__tempbl-lab{
  font-size:9px;
  font-weight:800;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.06em;
  line-height:1.2;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__tempbl-val{
  font-size:22px;
  font-weight:900;
  color:#0f172a;
  letter-spacing:.02em;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}
#pg-dash.dash-serio-v1 .dash-clima-hoy__precip{
  font-size:11px;
  font-weight:600;
  color:#64748b;
  margin-top:4px;
}
#pg-dash.dash-serio-v1 .dash-clima-dias__tit{
  font-size:10px;
  font-weight:800;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin:0 12px 8px;
}
/* Sin mask ni shine: evita bandas verticales; ancho completo de la tarjeta */
#pg-dash.dash-serio-v1 .dash-clima-dias__marquee{
  position:relative;
  margin:0;
  padding:6px 0 10px;
  overflow:hidden;
  border-radius:0;
  width:100%;
  box-sizing:border-box;
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 55%,#e8edf3 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(15,23,42,.04);
  mask-image:none;
  -webkit-mask-image:none;
}
#pg-dash.dash-serio-v1 .dash-clima-dias__shine{
  display:none;
}
#pg-dash.dash-serio-v1 .dash-clima-dias__mover{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  width:max-content;
  gap:10px;
  padding:4px 6px;
  animation:dashClimaMarquee 55s linear infinite;
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  #pg-dash.dash-serio-v1 .dash-clima-dias__marquee:hover .dash-clima-dias__mover{
    animation-play-state:paused;
  }
}
@keyframes dashClimaMarquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
#pg-dash.dash-serio-v1 .dash-clima-dias__chunk{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:10px;
  flex-shrink:0;
}
@media (prefers-reduced-motion:reduce){
  #pg-dash.dash-serio-v1 .dash-clima-dias__shine{animation:none;opacity:.22;}
  #pg-dash.dash-serio-v1 .dash-clima-dias__mover{
    animation:none;
    flex-wrap:wrap;
    width:100%;
    max-width:100%;
    justify-content:center;
    row-gap:8px;
  }
  #pg-dash.dash-serio-v1 .dash-clima-dias__marquee{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    mask-image:none;
    -webkit-mask-image:none;
  }
  #pg-dash.dash-serio-v1 .dash-clima-dias__chunk--dup{display:none!important;}
}
/* Pronóstico por día (marquesina): misma piel KPI SERIO que Totalidad del Hato (.dash-kpi-sgrid .sc) */
#pg-dash.dash-serio-v1 .dash-clima-dia{
  flex:0 0 auto;
  min-width:76px;
  width:76px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  box-sizing:border-box;
  text-align:center;
  border-radius:var(--manto-serio-radius,6px);
  border:var(--manto-btn-b3-border);
  background:var(--manto-btn-b3-bg);
  box-shadow:var(--manto-btn-b3-shadow);
  padding:12px 8px 14px;
}
body.light #pg-dash.dash-serio-v1 .dash-clima-dia{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%);
  border-color:#94a3b8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-clima-dia::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8);
  pointer-events:none;
}
#pg-dash.dash-serio-v1 .dash-clima-dia__nom{
  font-size:11px;
  font-weight:800;
  color:#374151;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:6px;
  width:100%;
}
#pg-dash.dash-serio-v1 .dash-clima-dia__ico{
  font-size:26px;
  line-height:1;
  margin:2px 0 4px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
}
#pg-dash.dash-serio-v1 .dash-clima-dia__tmp{
  font-size:12px;
  font-weight:800;
  color:#111827;
  font-variant-numeric:tabular-nums;
  width:100%;
  line-height:1.25;
}
/* Producción lechera — gráfico Lactia (Chart.js), dentro del recuadro */
#pg-dash.dash-serio-v1 .dash-inicio-recuadro .dash-leche-chart-card{
  border:none;
  border-radius:0;
  background:#ffffff;
  overflow:hidden;
  margin-bottom:0;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-card__head{
  padding:12px 14px 10px;
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 100%);
  border-bottom:1px solid var(--manto-tab-vitreo-borde);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#pg-dash.dash-serio-v1 .dash-leche-chart-card__head-row{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-card__head-row .dash-leche-chart-card__sub{
  margin:0;
  flex:1;
  min-width:160px;
  align-self:center;
}
/* Ampliar: icono + texto; misma altura que chips período (--manto-period-sel-h) */
#pg-dash.dash-serio-v1 .dash-leche-chart-expand.dash-leche-chart-vb{
  flex:0 1 auto;
  align-self:stretch;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
  box-sizing:border-box;
  min-height:var(--manto-period-sel-h);
  height:var(--manto-period-sel-h);
  max-height:var(--manto-period-sel-max-h);
  padding:0 10px;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-expand.dash-leche-chart-vb img{
  width:16px;
  height:16px;
  object-fit:contain;
  flex-shrink:0;
  display:block;
  pointer-events:none;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-card__sub{
  font-size:11px;
  color:#64748b;
  font-weight:600;
  margin:0 0 8px;
  line-height:1.35;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-vtog,
#m-dash-leche-grafico .dash-leche-chart-vtog{
  display:flex;
  gap:6px;
  margin-top:10px;
  flex-wrap:wrap;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-vb{
  flex:1;
  min-width:68px;
  box-sizing:border-box;
  height:var(--manto-period-sel-h);
  min-height:var(--manto-period-sel-min-h);
  max-height:var(--manto-period-sel-max-h);
  padding:0 var(--manto-period-sel-pad-x);
  border-radius:var(--manto-chip-ref-inner-r);
  font-size:var(--manto-period-sel-fs);
  font-weight:var(--manto-period-sel-fw);
  cursor:pointer;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s;
  align-items:center;
  display:inline-flex;
  justify-content:center;
}
/* Inicio — botón «Ampliar» gráfico leche: radio fijo 12px (los chips Días/Sem… siguen con --manto-chip-ref-inner-r) */
#pg-dash.dash-serio-v1 .dash-leche-chart-expand.dash-leche-chart-vb{
  border-radius:12px;
}
#m-dash-leche-grafico .dash-leche-chart-vb{
  flex:1;
  min-width:68px;
  box-sizing:border-box;
  height:var(--manto-period-sel-h);
  min-height:var(--manto-period-sel-min-h);
  max-height:var(--manto-period-sel-max-h);
  padding:0 var(--manto-period-sel-pad-x);
  border-radius:var(--manto-chip-ref-inner-r);
  font-size:var(--manto-period-sel-fs);
  font-weight:var(--manto-period-sel-fw);
  cursor:pointer;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s;
  align-items:center;
  display:inline-flex;
  justify-content:center;
}
/* Botones sin modo período (p. ej. modal): vitreo — en Inicio, «Ampliar» usa .btn-gris-ok (excluido) */
#pg-dash.dash-serio-v1 .dash-leche-chart-vb:not([data-dash-leche-mode]):not(.btn-gris-ok),
#m-dash-leche-grafico .dash-leche-chart-vb:not([data-dash-leche-mode]){
  border:1px solid var(--manto-tab-vitreo-borde);
  background:linear-gradient(180deg,#ffffff,#f1f5f9);
  color:#1e293b;
  -webkit-text-fill-color:#1e293b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(0,0,0,.06),0 1px 2px rgba(15,23,42,.05);
}
/* Inicio — Ampliar: botón gris ok (tokens --manto-btn-gris-ok-*); radio 12px (gana a .btn-gris-ok global) */
#pg-dash.dash-serio-v1 .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok{
  border-radius:12px!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-expand.dash-leche-chart-vb.btn-gris-ok:focus-visible{
  outline:var(--manto-btn-gris-ok-outline);
  outline-offset:2px;
}
/* Período gráfico leche: misma piel --manto-chip-ref-* que filtros/fecha */
#pg-dash.dash-serio-v1 .dash-leche-chart-vb[data-dash-leche-mode]:not(.active),
#m-dash-leche-grafico .dash-leche-chart-vb[data-dash-leche-mode]:not(.active){
  background:var(--manto-chip-ref-grad-off)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
  text-shadow:none!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-vb[data-dash-leche-mode]:not(.active):hover,
#m-dash-leche-grafico .dash-leche-chart-vb[data-dash-leche-mode]:not(.active):hover{
  border-color:#c4cbd4!important;
  box-shadow:var(--manto-chip-ref-shadow-off),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-vb[data-dash-leche-mode].active,
#m-dash-leche-grafico .dash-leche-chart-vb[data-dash-leche-mode].active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-vb[data-dash-leche-mode].active:hover,
#m-dash-leche-grafico .dash-leche-chart-vb[data-dash-leche-mode].active:hover{
  border-color:#4a5d6e!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-vb[data-dash-leche-mode].active:active,
#m-dash-leche-grafico .dash-leche-chart-vb[data-dash-leche-mode].active:active{
  opacity:.97!important;
  background:linear-gradient(180deg,#c9d6e4 0%,#7a8fa3 100%)!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-card__plot{
  position:relative;
  height:228px;
  background:#f8fafc;
  border-top:1px solid var(--manto-tab-vitreo-borde);
  padding:8px 6px 4px;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-card__plot canvas{
  display:block;
  width:100%!important;
  height:100%!important;
}
#pg-dash.dash-serio-v1 .dash-leche-chart-empty,
#m-dash-leche-grafico .dash-leche-chart-empty{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  text-align:center;
  font-size:12px;
  font-weight:700;
  color:#64748b;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  background:rgba(248,250,252,.92);
  border:1px dashed var(--manto-tab-vitreo-borde);
  margin:6px;
  border-radius:var(--manto-serio-radius);
}
/* IMPORTANTE: respetar hidden para que no tape el gráfico */
#pg-dash.dash-serio-v1 .dash-leche-chart-empty[hidden],
#m-dash-leche-grafico .dash-leche-chart-empty[hidden],
#pg-lec.leche-serio-v1 .dash-leche-chart-empty[hidden]{
  display:none!important;
}
/* Modal ampliado — producción lechera (cabecera Bitácora; ancho .bitacora-mbox en styles.css) */
#m-dash-leche-grafico .dash-leche-modal-explain{
  font-size:12px;
  color:#64748b;
  font-weight:600;
  line-height:1.45;
  margin:0 0 12px;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#m-dash-leche-grafico .dash-leche-modal-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
#m-dash-leche-grafico .dash-leche-modal-stat{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border:1px solid var(--manto-tab-vitreo-borde);
  border-radius:var(--manto-serio-radius);
  padding:10px 12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
#m-dash-leche-grafico .dash-leche-modal-stat__k{
  font-size:9px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#64748b;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  line-height:1.25;
  hyphens:auto;
  overflow-wrap:anywhere;
}
#m-dash-leche-grafico .dash-leche-modal-stat__v{
  font-size:clamp(13px,2.8vw,16px);
  font-weight:900;
  color:#0f172a;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  line-height:1.2;
}
#m-dash-leche-grafico .dash-leche-modal-stat--solo{
  grid-column:1/-1;
  text-align:center;
  font-size:12px;
  font-weight:700;
  color:#64748b;
}
#m-dash-leche-grafico .dash-leche-modal-plot{
  position:relative;
  height:min(420px,52vh);
  min-height:260px;
  background:#f8fafc;
  border:1px solid var(--manto-tab-vitreo-borde);
  border-radius:var(--manto-serio-radius);
  padding:8px 6px 4px;
  margin-top:4px;
}
#m-dash-leche-grafico .dash-leche-modal-plot canvas{
  display:block;
  width:100%!important;
  height:100%!important;
}
#m-dash-leche-grafico .dash-leche-modal-vtog{
  margin-top:4px;
  margin-bottom:0;
}
/* Cabeceras de tarjeta dashboard — icono + título */
#pg-dash.dash-serio-v1 .dash-hd-row{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
#pg-dash.dash-serio-v1 .dash-hd-ico{
  width:22px;
  height:22px;
  object-fit:contain;
  flex-shrink:0;
  display:block;
}
/* Semáforo — compacto, un solo control en cabecera */
#pg-dash.dash-serio-v1 .dash-sem-card{
  background:#ffffff;
  border:var(--manto-serio-panel-borde);
  border-radius:var(--manto-serio-radius);
  overflow:hidden;
  margin-bottom:14px;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop);
}
#pg-dash.dash-serio-v1 .dash-sem-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  background:linear-gradient(180deg,#fafbfc 0%,#f1f5f9 100%);
  border-bottom:1px solid var(--manto-tab-vitreo-borde);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#pg-dash.dash-serio-v1 .dash-sem-head-text{min-width:0;flex:1}
#pg-dash.dash-serio-v1 .dash-sem-head-ico-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  flex:1!important;
}
#pg-dash.dash-serio-v1 .dash-sem-ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  margin-top:1px!important;
}
#pg-dash.dash-serio-v1 .dash-sem-title{
  font-size:11px;
  font-weight:800;
  color:#111827;
  letter-spacing:.02em;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  line-height:1.25;
}
#pg-dash.dash-serio-v1 .dash-sem-desc{
  font-size:9px;
  font-weight:600;
  color:#6b7280;
  margin-top:1px;
  line-height:1.3;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 #btn-semaforo-ver,
#pg-dash.dash-serio-v1 .dash-sem-btn-all{
  font-size:10px;
  font-weight:800;
  padding:5px 10px;
  min-height:0;
  line-height:1.2;
  border-radius:var(--manto-serio-radius);
  border:1px solid var(--manto-tab-vitreo-borde);
  background:linear-gradient(180deg,#ffffff,#f1f5f9);
  color:#1e293b;
  cursor:pointer;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  flex-shrink:0;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.06),0 1px 2px rgba(15,23,42,.06);
}
#pg-dash.dash-serio-v1 .dash-sem-body{padding:6px 8px 8px;background:#ffffff}
#pg-dash.dash-serio-v1 .dash-inicio-recuadro__body--semaforo{padding-top:2px}
/* Reproducción — cabecera usa .dash-serio-hero--title-strip + margen inferior */
#pg-dash.dash-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-ani.animales-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-lec.leche-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-nac.partos-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-vac.vacunas-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-desc.descartes-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-pesaje.pesaje-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-ins.insumos-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-cal.eventos-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-ia.asistente-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-usr.usuarios-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-rent.finanzas-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-pot.potreros-serio-v1 .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-tools.tools-pg-serio .dash-repro-hero-band.dash-serio-hero--title-strip{
  margin-bottom:10px;
}
/* Dentro del panel blanco del hero: sin margen inferior (evita franja blanca bajo el bloque gris) */
#pg-ani.animales-serio-v1 .ani-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-lec.leche-serio-v1 .lec-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-nac.partos-serio-v1 .partos-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-vac.vacunas-serio-v1 .vac-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-desc.descartes-serio-v1 .desc-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-pesaje.pesaje-serio-v1 .pes-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-ins.insumos-serio-v1 .ins-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-cal.eventos-serio-v1 .cal-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-ia.asistente-serio-v1 .ia-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-usr.usuarios-serio-v1 .usr-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-rent.finanzas-serio-v1 .fin-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-pot.potreros-serio-v1 .pot-serio-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip,
#pg-tools.tools-pg-serio .tools-pg-panel--hero .dash-repro-hero-band.dash-serio-hero--title-strip{
  margin-bottom:0!important;
}
/* Tools — línea de versión bajo el strip */
#pg-tools.tools-pg-serio .dash-serio-hero.dash-serio-hero--title-strip .tools-pg-version-line{
  margin:10px 0 0!important;
  padding:0 2px;
  width:100%;
  box-sizing:border-box;
}
/* Reproducción — asistente (burbujas) */
#pg-dash.dash-serio-v1 .dash-repro-ia-wrap{
  margin:0 0 14px;
  padding:0 2px;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-card{
  border:var(--manto-serio-panel-borde);
  border-radius:var(--manto-serio-radius);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop);
  overflow:hidden;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px 10px;
  border-bottom:1px solid #e2e8f0;
  background:#f8fafc;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-ico{
  flex-shrink:0;
  width:44px;height:44px;
  object-fit:contain;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-tit{
  margin:0;
  font-size:15px;
  font-weight:800;
  color:#111827;
  line-height:1.25;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-sub{
  margin:4px 0 0;
  font-size:11px;
  font-weight:600;
  color:#64748b;
  line-height:1.35;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,auto));
  gap:8px;
  padding:8px 12px 8px;
  background:#ffffff;
  box-sizing:border-box;
}
/* Misma piel KPI SERIO que Totalidad del hato (#pg-dash .dash-kpi-sgrid .sc) */
#pg-dash.dash-serio-v1 .dash-repro-ia-chip{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:6px;
  padding:12px 10px 14px;
  border-radius:var(--manto-serio-radius);
  border:var(--manto-btn-b3-border);
  background:var(--manto-btn-b3-bg);
  box-shadow:var(--manto-btn-b3-shadow);
  position:relative;
  overflow:hidden;
  min-width:0;
  width:100%;
  box-sizing:border-box;
  align-self:stretch;
}
body.light #pg-dash.dash-serio-v1 .dash-repro-ia-chip{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%);
  border-color:#94a3b8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-repro-ia-chip::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8);
  pointer-events:none;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-chip__lbl{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#374151;
  text-align:center;
  width:100%;
  line-height:1.2;
  max-width:100%;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-chip__val{
  font-size:clamp(17px,4.2vw,20px);
  font-weight:900;
  color:#0f172a;
  font-variant-numeric:tabular-nums;
  text-align:center;
  width:100%;
  line-height:1.15;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-chat{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:8px 14px 14px;
  background:#ffffff;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble{
  border-radius:var(--manto-serio-radius);
  border:1px solid #e2e8f0;
  background:#f8fafc;
  padding:10px 12px;
}
/* Bloque «Qué conviene hacer hoy»: misma piel KPI SERIO que Totalidad del hato */
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble--act{
  position:relative;
  overflow:hidden;
  border:var(--manto-btn-b3-border);
  background:var(--manto-btn-b3-bg);
  box-shadow:var(--manto-btn-b3-shadow);
}
body.light #pg-dash.dash-serio-v1 .dash-repro-ia-bubble--act{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%);
  border-color:#94a3b8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble--act::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8);
  pointer-events:none;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble__tit{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble__tit-ico{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:var(--manto-serio-radius);
  border:1px solid #cbd5e1;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0);
  color:#1e293b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble__tit-ico--2{
  border-color:#94a3b8;
  background:linear-gradient(180deg,#f1f5f9,#dbeafe);
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble__tit-txt{
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
  color:#0f172a;
  line-height:1.25;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble__body{
  font-size:13px;
  font-weight:600;
  color:#1e293b;
  line-height:1.5;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble__body p{
  margin:0 0 8px;
}
#pg-dash.dash-serio-v1 .dash-repro-ia-bubble__body p:last-child{
  margin-bottom:0;
}
/* Dashboard Alertas — asistente (misma familia visual que repro IA) */
#pg-dash.dash-serio-v1 .dash-alertas-ia-wrap{
  margin:0 0 14px;
  padding:0 2px;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-card{
  border:var(--manto-serio-panel-borde);
  border-radius:var(--manto-serio-radius);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop);
  overflow:hidden;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px 14px 10px;
  border-bottom:1px solid #e2e8f0;
  background:#f8fafc;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-ico{
  flex-shrink:0;
  width:44px;height:44px;
  object-fit:contain;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-tit{
  margin:0;
  font-size:15px;
  font-weight:800;
  color:#111827;
  line-height:1.25;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-sub{
  margin:4px 0 0;
  font-size:11px;
  font-weight:600;
  color:#64748b;
  line-height:1.35;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,auto));
  gap:8px;
  padding:8px 12px 8px;
  background:#ffffff;
  box-sizing:border-box;
}
/* Misma piel KPI SERIO que Totalidad del hato / asistente repro */
#pg-dash.dash-serio-v1 .dash-alertas-ia-chip{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:6px;
  padding:12px 10px 14px;
  border-radius:var(--manto-serio-radius);
  border:var(--manto-btn-b3-border);
  background:var(--manto-btn-b3-bg);
  box-shadow:var(--manto-btn-b3-shadow);
  position:relative;
  overflow:hidden;
  min-width:0;
  width:100%;
  box-sizing:border-box;
  align-self:stretch;
}
body.light #pg-dash.dash-serio-v1 .dash-alertas-ia-chip{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%);
  border-color:#94a3b8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-chip::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8);
  pointer-events:none;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-chip__lbl{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#374151;
  text-align:center;
  width:100%;
  line-height:1.2;
  max-width:100%;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-chip__val{
  font-size:clamp(17px,4.2vw,20px);
  font-weight:900;
  color:#0f172a;
  font-variant-numeric:tabular-nums;
  text-align:center;
  width:100%;
  line-height:1.15;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-chat{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:8px 14px 14px;
  background:#ffffff;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble{
  border-radius:var(--manto-serio-radius);
  border:1px solid #e2e8f0;
  background:#f8fafc;
  padding:10px 12px;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble--act{
  position:relative;
  overflow:hidden;
  border:var(--manto-btn-b3-border);
  background:var(--manto-btn-b3-bg);
  box-shadow:var(--manto-btn-b3-shadow);
}
body.light #pg-dash.dash-serio-v1 .dash-alertas-ia-bubble--act{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%);
  border-color:#94a3b8;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07);
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble--act::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8);
  pointer-events:none;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble__tit{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble__tit-ico{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:var(--manto-serio-radius);
  border:1px solid #cbd5e1;
  background:linear-gradient(180deg,#f8fafc,#e2e8f0);
  color:#1e293b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble__tit-ico--2{
  border-color:#94a3b8;
  background:linear-gradient(180deg,#f1f5f9,#dbeafe);
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble__tit-txt{
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
  color:#0f172a;
  line-height:1.25;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble__body{
  font-size:13px;
  font-weight:600;
  color:#1e293b;
  line-height:1.5;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble__body p{
  margin:0 0 8px;
}
#pg-dash.dash-serio-v1 .dash-alertas-ia-bubble__body p:last-child{
  margin-bottom:0;
}
#pg-dash.dash-serio-v1 .dash-repro-canvas{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:0 2px 8px;
}
#pg-dash.dash-serio-v1 .dash-repro-canvas .dash-repro-zone.dash-inicio-recuadro{
  margin-bottom:0;
}
#pg-dash.dash-serio-v1 .dash-repro-canvas .dash-repro-zone.dash-inicio-recuadro:last-child{
  margin-bottom:0;
}
#pg-dash.dash-serio-v1 .dash-repro-num{
  flex-shrink:0;
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
  color:#0f172a;
  background:linear-gradient(180deg,#ffffff,#e2e8f0);
  border:1px solid #cbd5e1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06);
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  line-height:1;
}
@media (max-width:420px){
  #pg-dash.dash-serio-v1 .dash-repro-num{width:28px;height:28px;font-size:12px}
}
#pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-grid,
#m-dash-repro-sem #dash-semaforo .dash-sem-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
  margin-bottom:8px;
}
@media (max-width:480px){
  #pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-grid,
  #m-dash-repro-sem #dash-semaforo .dash-sem-grid{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:4px;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  #pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-cell,
  #m-dash-repro-sem #dash-semaforo .dash-sem-cell{
    flex:0 0 56px;
    width:56px;
    min-width:56px;
    max-width:56px;
  }
}
#pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-cell,
#m-dash-repro-sem #dash-semaforo .dash-sem-cell{
  border:var(--manto-serio-panel-borde);
  border-radius:var(--manto-serio-radius);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-top:2px solid var(--sem-accent,#94a3b8);
  box-shadow:var(--manto-serio-panel-inset);
  padding:4px 2px 5px;
  text-align:center;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-num,
#m-dash-repro-sem #dash-semaforo .dash-sem-num{
  font-size:15px;
  font-weight:800;
  color:#111827;
  line-height:1;
}
#pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-lbl,
#m-dash-repro-sem #dash-semaforo .dash-sem-lbl{
  font-size:8px;
  font-weight:800;
  color:#374151;
  margin-top:3px;
  line-height:1.15;
}
#pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-sublbl,
#m-dash-repro-sem #dash-semaforo .dash-sem-sublbl{
  font-size:7px;
  font-weight:600;
  color:#6b7280;
  margin-top:1px;
  line-height:1.1;
}
#pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-urg-hd,
#m-dash-repro-sem #dash-semaforo .dash-sem-urg-hd{
  font-size:9px;
  font-weight:800;
  color:#6b7280;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:0 0 6px;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-urg,
#m-dash-repro-sem #dash-semaforo .dash-sem-urg{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  background:linear-gradient(180deg,#ffffff,#f1f5f9);
  border:1px solid var(--manto-tab-vitreo-borde);
  border-radius:var(--manto-serio-radius);
  margin-bottom:4px;
  cursor:pointer;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  box-shadow:var(--manto-serio-panel-drop);
}
#pg-dash.dash-serio-v1 #dash-semaforo .dash-sem-urg:active,
#m-dash-repro-sem #dash-semaforo .dash-sem-urg:active{background:#eef2f6}
/* Dashboard Repro + Alertas (hub): cabeceras modales = misma piel KPI SERIO (B3 + franja 3px). !important: gana cascada. #m-dash-alertas / #m-dash-ganaderas.modal-nuevo excluidos: NEW MODAL (cabecera Bitácora unificada en styles.css) */
#m-dash-ganaderas.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
#m-dash-retiro.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
#m-dash-repro-ind.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
#m-dash-repro-partos.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
#m-dash-repro-ult.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
#m-dash-repro-sem.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
#m-semaforo-completo.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row{
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
body.light #m-dash-ganaderas.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
body.light #m-dash-retiro.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
body.light #m-dash-repro-ind.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
body.light #m-dash-repro-partos.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
body.light #m-dash-repro-ult.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
body.light #m-dash-repro-sem.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row,
body.light #m-semaforo-completo.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%)!important;
  border-color:#94a3b8!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07)!important;
}
#m-dash-ganaderas.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row::before,
#m-dash-retiro.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row::before,
#m-dash-repro-ind.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row::before,
#m-dash-repro-partos.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row::before,
#m-dash-repro-ult.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row::before,
#m-dash-repro-sem.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row::before,
#m-semaforo-completo.bitacora-serio-v2:not(.modal-nuevo) .bitacora-modal-h.bitacora-modal-h--row::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:3px!important;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0!important;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8)!important;
  pointer-events:none!important;
}
/* Modal semáforo: cabecera de fila interna + botón Ver todos (sin segundo marco; ver styles.css #m-dash-repro-sem-body) */
#m-dash-repro-sem .dash-inicio-recuadro__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  background:var(--superficie-bloque-header);
  border-bottom:1px solid var(--manto-tab-vitreo-borde);
}
#m-dash-repro-sem .dash-inicio-recuadro__tit{
  font-size:14px;
  font-weight:800;
  color:#111827;
  margin:0;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
#m-dash-repro-sem #btn-semaforo-ver,
#m-dash-repro-sem .dash-inicio-recuadro__btn-head{
  font-size:10px;
  font-weight:800;
  padding:6px 10px;
  min-height:0;
  line-height:1.2;
  border-radius:var(--manto-serio-radius);
  border:1px solid var(--manto-tab-vitreo-borde);
  background:linear-gradient(180deg,#ffffff,#f1f5f9);
  color:#1e293b;
  cursor:pointer;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.06),0 1px 2px rgba(15,23,42,.06);
}
#m-dash-repro-sem .dash-inicio-recuadro__body--semaforo{
  padding:10px 12px 12px;
  background:#ffffff;
}
#pg-dash.dash-serio-v1 .dash-kpi-grid-6{
  grid-template-columns:repeat(2,1fr);
}
@media (min-width:380px){
  #pg-dash.dash-serio-v1 .dash-kpi-grid-6{
    grid-template-columns:repeat(3,1fr);
  }
}
/* KPI Totalidad del hato (Inicio): misma piel que hero de sección (--manto-btn-b3-*) */
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc{
  border-radius:var(--manto-serio-radius)!important;
  border:var(--manto-btn-b3-border)!important;
  background:var(--manto-btn-b3-bg)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  padding:12px 12px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
body.light #pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%)!important;
  border-color:#94a3b8!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07)!important;
}
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc *{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
/* KPI: franja superior neutra (sin códigos de color viejos) */
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc::before{
  height:3px!important;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0!important;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8)!important;
}
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc.cg::before,
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc.cb::before,
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc.cp::before,
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc.ca::before{
  background:linear-gradient(90deg,#e2e8f0,#94a3b8)!important;
}
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc::after{
  display:none!important;
  content:none!important;
}
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc .dash-kpi-tit{
  color:#374151!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  margin-bottom:6px!important;
  text-align:center!important;
  width:100%!important;
}
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc .dash-kpi-tit span{
  color:#374151!important;
}
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc .sv{
  color:#111827!important;
  font-size:32px!important;
  text-align:center!important;
  width:100%!important;
}
#pg-dash.dash-serio-v1 .dash-kpi-sgrid .sc .slv.dash-kpi-sub{
  color:#4b5563!important;
  font-size:11px!important;
  font-weight:600!important;
  margin-top:8px!important;
  text-transform:none!important;
  width:100%!important;
  text-align:center!important;
  line-height:1.35!important;
}
/* Indicadores reproductivos — primer bloque de KPIs: misma piel que Totalidad del hato */
#pg-dash.dash-serio-v1 #dash-indicadores .dash-ind-kpi-serio,
#m-dash-repro-ind #dash-indicadores .dash-ind-kpi-serio{
  border:var(--manto-btn-b3-border)!important;
  background:var(--manto-btn-b3-bg)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  border-radius:var(--manto-serio-radius)!important;
  overflow:hidden!important;
}
body.light #pg-dash.dash-serio-v1 #dash-indicadores .dash-ind-kpi-serio,
body.light #m-dash-repro-ind #dash-indicadores .dash-ind-kpi-serio{
  background:linear-gradient(168deg, #f1f5f9 0%, #e8ecf1 45%, #dfe4ea 100%)!important;
  border-color:#94a3b8!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 5px rgba(15,23,42,.07)!important;
}
#pg-dash.dash-serio-v1 #dash-indicadores .dash-ind-kpi-serio::before,
#m-dash-repro-ind #dash-indicadores .dash-ind-kpi-serio::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  border-radius:var(--manto-serio-radius) var(--manto-serio-radius) 0 0;
  background:linear-gradient(90deg,#e2e8f0,#94a3b8);
  pointer-events:none;
}
#pg-dash.dash-serio-v1 #dash-indicadores [style*="border-radius"],
#pg-dash.dash-serio-v1 #d-alts [style*="border-radius"],
#pg-dash.dash-serio-v1 #d-cal [style*="border-radius"],
#pg-dash.dash-serio-v1 #dash-partos [style*="border-radius"],
#pg-dash.dash-serio-v1 #d-nac [style*="border-radius"],
#pg-dash.dash-serio-v1 #dash-retiro [style*="border-radius"],
#pg-dash.dash-serio-v1 #dash-semaforo [style*="border-radius"],
#m-dash-repro-sem #dash-semaforo [style*="border-radius"]{
  border-radius:4px!important;
  box-shadow:none!important;
}
#pg-dash.dash-serio-v1 #dash-indicadores [style*="linear-gradient"],
#pg-dash.dash-serio-v1 #d-alts [style*="linear-gradient"],
#pg-dash.dash-serio-v1 #d-cal [style*="linear-gradient"],
#pg-dash.dash-serio-v1 #dash-partos [style*="linear-gradient"],
#pg-dash.dash-serio-v1 #d-nac [style*="linear-gradient"],
#pg-dash.dash-serio-v1 #dash-retiro [style*="linear-gradient"],
#pg-dash.dash-serio-v1 #dash-semaforo [style*="linear-gradient"],
#m-dash-repro-sem #dash-semaforo [style*="linear-gradient"]{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
}
#m-dash-repro-sem #btn-semaforo-ver,
#pg-dash.dash-serio-v1 button[onclick*="abrirCalendarioNuevo"],
#pg-dash.dash-serio-v1 button[onclick*="abrirModalPartosProximos"],
#pg-dash.dash-serio-v1 button[onclick*="abrirModalSemaforo"]{
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  color:#1e293b!important;
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  font-weight:800!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.06),0 1px 2px rgba(15,23,42,.06)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-dash.dash-serio-v1 #dash-alt-badge,
#pg-dash.dash-serio-v1 #dash-partos-badge,
#pg-dash.dash-serio-v1 #dash-retiro-badge{
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #cfd4dc!important;
  border-radius:999px!important;
}

/* Modales Dashboard en estilo técnico (#m-semaforo-completo → shell Bitácora SERIO en styles.css) */
#m-kpi-det .mbox{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
#m-kpi-det .mbox > div[style*="linear-gradient"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#m-kpi-det .mbox > div[style*="linear-gradient"] *{
  color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-kpi-det button{
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Overlays dinámicos de Indicadores/Reproducción (excluye shell Bitácora .bitacora-pes-overlay) */
#overlay-kpi-det:not(.bitacora-pes-overlay) > div,
#overlay-mejor-vaca:not(.bitacora-pes-overlay) > div,
#overlay-rendimiento-vaca > div{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:0 8px 28px rgba(15,23,42,.14)!important;
}
#overlay-kpi-det:not(.bitacora-pes-overlay) [style*="linear-gradient"],
#overlay-mejor-vaca:not(.bitacora-pes-overlay) [style*="linear-gradient"],
#overlay-rendimiento-vaca [style*="linear-gradient"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#overlay-kpi-det:not(.bitacora-pes-overlay) [style*="linear-gradient"] *,
#overlay-mejor-vaca:not(.bitacora-pes-overlay) [style*="linear-gradient"] *,
#overlay-rendimiento-vaca [style*="linear-gradient"] *{
  color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#overlay-kpi-det:not(.bitacora-pes-overlay) [style*="background:var(--s2)"],
#overlay-mejor-vaca:not(.bitacora-pes-overlay) [style*="background:var(--s2)"],
#overlay-rendimiento-vaca [style*="background:var(--s2)"],
#overlay-kpi-det:not(.bitacora-pes-overlay) [style*="background:var(--s1)"],
#overlay-mejor-vaca:not(.bitacora-pes-overlay) [style*="background:var(--s1)"],
#overlay-rendimiento-vaca [style*="background:var(--s1)"]{
  border-radius:4px!important;
  border:1px solid #d6dbe3!important;
  box-shadow:none!important;
}
#overlay-kpi-det:not(.bitacora-pes-overlay) button,
#overlay-mejor-vaca:not(.bitacora-pes-overlay) button,
#overlay-rendimiento-vaca button{
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#overlay-kpi-det button[style*="#991b1b"],
#overlay-mejor-vaca button[style*="#991b1b"],
#overlay-rendimiento-vaca button[style*="#991b1b"],
#overlay-kpi-det button[style*="rgba(255,255,255"],
#overlay-mejor-vaca button[style*="rgba(255,255,255"],
#overlay-rendimiento-vaca button[style*="rgba(255,255,255"]{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
}
#overlay-alerta{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* Alertas Ganaderas del Dashboard */
#pg-dash.dash-serio-v1 #dash-alertas-ganaderas > div{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
#pg-dash.dash-serio-v1 #dash-alertas-ganaderas > div > div:first-child{
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-dash.dash-serio-v1 #dash-alertas-ganaderas > div > div:first-child *{
  color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#pg-dash.dash-serio-v1 #dash-alertas-ganaderas [style*="border-radius:14px"],
#pg-dash.dash-serio-v1 #dash-alertas-ganaderas [style*="border-radius:10px"]{
  border-radius:4px!important;
}
#pg-dash.dash-serio-v1 #dash-alertas-ganaderas button{
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* Modales del módulo Alertas Ganaderas */
#mg-alerta-resolver-modal .mbox,
#mg-alertas-all-modal .mbox{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
#mg-alerta-resolver-modal .mbox > div[style*="linear-gradient"],
#mg-alertas-all-modal .mbox > div[style*="linear-gradient"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#mg-alerta-resolver-modal .mbox > div[style*="linear-gradient"] *,
#mg-alertas-all-modal .mbox > div[style*="linear-gradient"] *{
  color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#mg-alerta-resolver-modal button,
#mg-alertas-all-modal button{
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#mg-alerta-resolver-modal button[style*="#991b1b"],
#mg-alertas-all-modal button[style*="#991b1b"]{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
}

/* Dashboard: Reporte del hato (SERIO V2 en styles.css .alertas-panel-serio-v2) + alertas detalle */
#m-alertas-panel:not(.alertas-panel-serio-v2) .mbox,
#m-alerta-det:not(.bitacora-serio-v2) .mbox,
#m-alerta-animal:not(.bitacora-serio-v2) .mbox,
#m-alerta .mbox{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
#m-alertas-panel:not(.alertas-panel-serio-v2) .mbox > div[style*="linear-gradient"],
#m-alerta-det:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"],
#m-alerta-animal:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"],
#m-alerta .mtit{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#m-alertas-panel:not(.alertas-panel-serio-v2) .mbox > div[style*="linear-gradient"] *,
#m-alerta-det:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"] *,
#m-alerta-animal:not(.bitacora-serio-v2) .mbox > div[style*="linear-gradient"] *,
#m-alerta .mtit *{
  color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-alertas-panel:not(.alertas-panel-serio-v2) button,
#m-alerta-det:not(.bitacora-serio-v2) button,
#m-alerta-animal:not(.bitacora-serio-v2) button,
#m-alerta button{
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-alertas-panel:not(.alertas-panel-serio-v2) button[style*="#991b1b"],
#m-alerta-det:not(.bitacora-serio-v2) button[style*="#991b1b"],
#m-alerta-animal:not(.bitacora-serio-v2) button[style*="#991b1b"]{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
}

/* Dashboard: Próximos eventos + overlays (excluye shell Bitácora; #m-partos-proximos / #m-semaforo-completo → SERIO FINAL en styles.css) */
#m-evento .mbox:not(.bitacora-mbox),
#m-ev-detalle .mbox:not(.bitacora-mbox),
#m-ev-edit .mbox:not(.bitacora-mbox){
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
#m-evento .mbox > div[style*="linear-gradient"],
#m-ev-detalle .mbox > div[style*="linear-gradient"],
#m-ev-edit .mbox > div[style*="linear-gradient"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#m-evento .mbox > div[style*="linear-gradient"] *,
#m-ev-detalle .mbox > div[style*="linear-gradient"] *,
#m-ev-edit .mbox > div[style*="linear-gradient"] *{
  color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-evento:not(.bitacora-serio-v2) button,
#m-ev-detalle:not(.bitacora-serio-v2) button,
#m-ev-edit:not(.bitacora-serio-v2) button{
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-evento:not(.bitacora-serio-v2) button[style*="#991b1b"],
#m-ev-detalle:not(.bitacora-serio-v2) button[style*="#991b1b"],
#m-ev-edit:not(.bitacora-serio-v2) button[style*="#991b1b"]{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
}
#overlay-prox-ev > div,
#overlay-alerta > div{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:0 8px 28px rgba(15,23,42,.14)!important;
}
#overlay-prox-ev [style*="linear-gradient"],
#overlay-alerta [style*="linear-gradient"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#overlay-prox-ev [style*="linear-gradient"] *,
#overlay-alerta [style*="linear-gradient"] *{
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

/* Fichas abiertas desde Dashboard (animal/nacimiento); excluye shell Bitácora (.bitacora-mbox) */
#m-det .mbox:not(.bitacora-mbox),
#m-nac-det .mbox:not(.bitacora-mbox){
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
#m-det .mbox > div[style*="linear-gradient"],
#m-nac-det .mbox > div[style*="linear-gradient"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#m-det .mbox > div[style*="linear-gradient"] *,
#m-nac-det .mbox > div[style*="linear-gradient"] *{
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#m-det:not(.bitacora-serio-v2) button,
#m-nac-det:not(.bitacora-serio-v2) button{
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* ===== Dashboard hard normalization (modales + botones internos; excluye Bitácora SERIO #m-partos-proximos #m-semaforo-completo) ===== */
#m-alertas-panel .mbox:not(.mbox--alertas-serio), #m-alerta-det .mbox:not(.bitacora-mbox), #m-alerta-animal .mbox:not(.bitacora-mbox), #m-todas-alertas .mbox,
#m-alerta .mbox, #m-evento .mbox:not(.bitacora-mbox), #m-ev-detalle .mbox:not(.bitacora-mbox), #m-ev-edit .mbox:not(.bitacora-mbox),
#m-kpi-det .mbox,
#m-det .mbox:not(.bitacora-mbox), #m-nac-det .mbox:not(.bitacora-mbox), #m-pes .mbox{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
#m-alertas-panel [style*="linear-gradient"], #m-alerta-det:not(.bitacora-serio-v2) [style*="linear-gradient"], #m-alerta-animal:not(.bitacora-serio-v2) [style*="linear-gradient"], #m-todas-alertas .mtit,
#m-alerta .mtit, #m-evento [style*="linear-gradient"], #m-ev-detalle [style*="linear-gradient"], #m-ev-edit [style*="linear-gradient"],
#m-kpi-det [style*="linear-gradient"],
#m-det [style*="linear-gradient"], #m-nac-det [style*="linear-gradient"],
#m-pes .mtit{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#m-alertas-panel [style*="linear-gradient"] *, #m-alerta-det:not(.bitacora-serio-v2) [style*="linear-gradient"] *, #m-alerta-animal:not(.bitacora-serio-v2) [style*="linear-gradient"] *, #m-todas-alertas .mtit *,
#m-alerta .mtit *, #m-evento [style*="linear-gradient"] *, #m-ev-detalle [style*="linear-gradient"] *, #m-ev-edit [style*="linear-gradient"] *,
#m-kpi-det [style*="linear-gradient"] *,
#m-det [style*="linear-gradient"] *, #m-nac-det [style*="linear-gradient"] *,
#m-pes .mtit *{
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

/* Botones internos del dashboard: estilo único (excl. Reporte del hato SERIO V2) */
#m-alertas-panel .mbox:not(.mbox--alertas-serio) button, #m-alerta-det:not(.bitacora-serio-v2) button, #m-alerta-animal:not(.bitacora-serio-v2) button, #m-todas-alertas button,
#m-alerta button, #m-evento:not(.bitacora-serio-v2) button, #m-ev-detalle:not(.bitacora-serio-v2) button, #m-ev-edit:not(.bitacora-serio-v2) button,
#m-kpi-det button,
#m-det:not(.bitacora-serio-v2) button, #m-nac-det:not(.bitacora-serio-v2) button, #m-pes button:not(.serio-v1-btn-back):not(.bit-bitacora-foot-cancel):not(.bit-bitacora-foot-save){
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
/* Botones secundarios: regresar/cerrar/editar neutrales */
#m-alertas-panel .mbox:not(.mbox--alertas-serio) button:not(.bg_):not(.bgb):not(.bgd),
#m-alerta-det:not(.bitacora-serio-v2) button:not(.bg_):not(.bgb):not(.bgd),
#m-alerta-animal:not(.bitacora-serio-v2) button:not(.bg_):not(.bgb):not(.bgd),
#m-todas-alertas button:not(.bg_):not(.bgb):not(.bgd),
#m-alerta button:not(.bg_):not(.bgb):not(.bgd),
#m-evento:not(.bitacora-serio-v2) button:not(.bg_):not(.bgb):not(.bgd),
#m-ev-detalle:not(.bitacora-serio-v2) button:not(.bg_):not(.bgb):not(.bgd),
#m-ev-edit:not(.bitacora-serio-v2) button:not(.bg_):not(.bgb):not(.bgd),
#m-kpi-det button:not(.bg_):not(.bgb):not(.bgd),
#m-det:not(.bitacora-serio-v2) button:not(.bg_):not(.bgb):not(.bgd),
#m-nac-det:not(.bitacora-serio-v2) button:not(.bg_):not(.bgb):not(.bgd),
#m-pes button:not(.bg_):not(.bgb):not(.bgd):not(.serio-v1-btn-back):not(.bit-bitacora-foot-cancel):not(.bit-bitacora-foot-save){
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
  box-shadow:none!important;
}
/* Botones principales (CTA = piloto B2) */
#m-alertas-panel .btn.bg_, #m-alerta-det.bitacora-serio-v2 .btn.bg_, #m-alerta-animal.bitacora-serio-v2 .btn.bg_, #m-todas-alertas .btn.bg_,
#m-alerta .btn.bg_, #m-evento:not(.bitacora-serio-v2) .btn.bg_, #m-ev-detalle:not(.bitacora-serio-v2) .btn.bg_, #m-ev-edit:not(.bitacora-serio-v2) .btn.bg_,
#m-kpi-det .btn.bg_,
#m-det .btn.bg_, #m-nac-det .btn.bg_, #m-pes .btn.bg_{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}

/* Overlays del dashboard (excluye .bitacora-pes-overlay: ranking/sesión y KPI detalle unificados) */
#overlay-kpi-det:not(.bitacora-pes-overlay) > div, #overlay-mejor-vaca:not(.bitacora-pes-overlay) > div, #overlay-rendimiento-vaca > div, #overlay-prox-ev > div, #overlay-alerta > div{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  box-shadow:0 8px 28px rgba(15,23,42,.14)!important;
}
#overlay-kpi-det:not(.bitacora-pes-overlay) [style*="linear-gradient"], #overlay-mejor-vaca:not(.bitacora-pes-overlay) [style*="linear-gradient"], #overlay-rendimiento-vaca [style*="linear-gradient"], #overlay-prox-ev [style*="linear-gradient"], #overlay-alerta [style*="linear-gradient"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#overlay-kpi-det:not(.bitacora-pes-overlay) button, #overlay-mejor-vaca:not(.bitacora-pes-overlay) button, #overlay-rendimiento-vaca button, #overlay-prox-ev button, #overlay-alerta button{
  border-radius:4px!important;
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
}

/* ================= ANIMALES — SERIO V2 (hero + guía + acciones; paneles familia serio v1) ================= */
#pg-ani.animales-serio-v1{
  --ani-head-pad-x:8px;
  --ani-head-pad-y:5px;
  --ani-ico-col:36px;
  --ani-ico-gap:8px;
  --ani-line:#cfd4dc;
  --ani-shadow-panel:inset 0 1px 0 rgba(255,255,255,.9),0 6px 28px rgba(15,23,42,.045),0 1px 3px rgba(15,23,42,.03);
  /* Toolbar (chips, CTA, segmento): tokens globales --manto-tbar-* en :root */
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Filtros chips ↔ panel Inventario: 6px (vs gap global 16px en .section-content) */
#pg-ani.animales-serio-v1 > .section > .section-body > .section-content{
  gap:6px!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  /* Espacio vertical entre bloques: ver regla .section-content arriba */
  margin-bottom:0!important;
  overflow:hidden!important;
  box-shadow:var(--ani-shadow-panel)!important;
}
/* Hero strip (clases dash-serio-hero): jerarquía tipográfica en esta sección */
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__kicker{
  color:var(--manto-tbar-txt-sec)!important;
  letter-spacing:.07em!important;
  opacity:.92!important;
}
#pg-ani.animales-serio-v1 .dash-serio-hero.dash-serio-hero--title-strip .dash-serio-hero__title{
  color:var(--manto-tbar-txt)!important;
}
/* Animales — bloque hero + guía (SERIO V2; misma familia que #pg-lec) */
#pg-ani.animales-serio-v1 .ani-serio-panel--hero{
  padding:0!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--ani-line)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:var(--manto-tbar-txt-sec)!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  opacity:.92!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:var(--manto-tbar-txt)!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  letter-spacing:-0.02em!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ani.animales-serio-v1 .ani-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ani.animales-serio-v1 .ani-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-ani.animales-serio-v1 .ani-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-ani.animales-serio-v1 .ani-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ani.animales-serio-v1 .ani-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
/* Cabecera — fila búsqueda + agregar (mismo bloque que el hero; padding en bloque hero panel arriba) */
#pg-ani.animales-serio-v1 .ani-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel--filters{
  padding:10px var(--ani-head-pad-x) 10px!important;
  overflow:hidden!important;
}
/* Solo esta franja hace scroll horizontal: el panel no se mueve con el gesto */
#pg-ani.animales-serio-v1 .ani-filtros-h-scroll{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pinch-zoom!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(148,163,184,.55) transparent!important;
  -ms-overflow-style:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  /* Aire p/ borde de chips bajo el scrollport + Pebble translateY */
  padding:4px 0 3px 0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  /* flex-start: evita que width:max-content del hijo ensanche toda la página */
  justify-content:flex-start!important;
}
#pg-ani.animales-serio-v1 .ani-filtros-h-scroll::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
#pg-ani.animales-serio-v1 .ani-filtros-panel--chips{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
/* Fila de filtros: chips centrados en el bloque (.ani-fp-centered-chain) */
#pg-ani.animales-serio-v1 .ani-fp-centered-chain{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:min-content!important;
  margin:0 auto!important;
  width:max-content!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:1px 0 1px 0!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#pg-ani.animales-serio-v1 #fp-ani.fprow.ani-fp-strip{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  min-width:min-content!important;
  margin:0!important;
  /* Anula .fprow{overflow-x:auto} (recortaba bordes); el scroll lo hace .ani-filtros-h-scroll */
  overflow:visible!important;
  padding:1px 0 1px 0!important;
  box-sizing:border-box!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel--main{
  padding:0!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel-h{
  background:var(--superficie-bloque-header)!important;
  padding:var(--ani-head-pad-y) var(--ani-head-pad-x)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel-h--toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel-htit-wrap{
  display:grid!important;
  grid-template-columns:var(--ani-ico-col) minmax(0,1fr)!important;
  column-gap:var(--ani-ico-gap)!important;
  align-items:center!important;
  min-width:0!important;
  flex:1!important;
}
/* Banner horizontal (texto incluido en la imagen); misma altura que --ani-ico-col */
#pg-ani.animales-serio-v1 .ani-serio-panel-htit-wrap--wide{
  display:flex!important;
  align-items:center!important;
  grid-template-columns:unset!important;
  column-gap:0!important;
  gap:10px!important;
  flex:1!important;
  min-width:0!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel-htit-wrap--wide .ani-serio-panel-htit--inventario{
  flex-shrink:0!important;
  white-space:nowrap!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
#pg-ani.animales-serio-v1 .ani-serio-htit-ico{
  width:var(--ani-ico-col)!important;
  height:var(--ani-ico-col)!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  justify-self:start!important;
  align-self:center!important;
}
#pg-ani.animales-serio-v1 .ani-serio-htit-ico.ani-serio-htit-ico--wide{
  width:auto!important;
  max-width:100%!important;
  height:var(--ani-ico-col)!important;
  object-fit:contain!important;
  object-position:left center!important;
  flex-shrink:1!important;
  justify-self:auto!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel-htit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
}
#pg-ani.animales-serio-v1 .ani-serio-panel-body{
  padding:8px!important;
  background:#ffffff!important;
}
/* Hero: fila buscador|CTA = grid en bloque compartido más arriba; solo swrap sin flex de fila aquí */
#pg-ani.animales-serio-v1 .ani-serio-toolbar > .swrap,
#pg-ani.animales-serio-v1 .ani-topbar > .swrap{
  margin-bottom:0!important;
}
#pg-ani.animales-serio-v1 .ani-search-wrap{
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  height:var(--manto-tbar-search-h)!important;
  min-height:var(--manto-tbar-search-h)!important;
  max-height:var(--manto-tbar-search-h)!important;
}
#pg-ani.animales-serio-v1 .ani-search-wrap .sico{
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:15px!important;
  height:15px!important;
  pointer-events:none!important;
  color:#334155!important;
  opacity:.85!important;
  filter:drop-shadow(0 0 0.5px rgba(15,23,42,.35))!important;
}
#pg-ani.animales-serio-v1 .ani-search-wrap .sico::before{
  content:''!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23334155' d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  opacity:.9!important;
}
/* Micrófono — burbuja circular alineada al sistema gris */
#pg-ani.animales-serio-v1 .ani-serio-voz-btn{
  position:absolute!important;
  right:5px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:var(--manto-tbar-voz)!important;
  height:var(--manto-tbar-voz)!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,#f8fafc 0%,#e8edf4 100%)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:50%!important;
  cursor:pointer!important;
  color:#475569!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  transition:background .15s ease,box-shadow .15s ease,transform .05s ease!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 6px rgba(15,23,42,.1)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-voz-btn:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef2f7 100%)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 3px 10px rgba(15,23,42,.12)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-voz-btn:active{
  transform:translateY(-50%) scale(.96)!important;
  box-shadow:inset 0 2px 4px rgba(15,23,42,.12)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-voz-btn img{
  width:14px!important;
  height:14px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:contrast(1.12) drop-shadow(0 0.5px rgba(15,23,42,.35))!important;
}
#pg-ani.animales-serio-v1 .ani-search-wrap,
#pg-ani.animales-serio-v1 .ani-serio-toolbar .swrap.ani-search-wrap{
  background:#eef2f7!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 1px 4px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#pg-ani.animales-serio-v1 .sinp{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  color:var(--manto-tbar-txt)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  line-height:1.35!important;
  font-size:13px!important;
  font-weight:600!important;
}
#pg-ani.animales-serio-v1 .ani-search-wrap .sinp{
  padding:0 42px 0 31px!important;
}
#pg-ani.animales-serio-v1 .ani-serio-toolbar .btn,
#pg-ani.animales-serio-v1 .ani-topbar .btn{
  margin-top:0!important;
}
#pg-ani.animales-serio-v1 .ani-add-btn,
#pg-ani.animales-serio-v1 .ani-topbar .btn.bg_,
#pg-ani.animales-serio-v1 .ani-serio-toolbar .btn.bg_{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-ani.animales-serio-v1 .ani-add-btn .ani-add-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
#pg-ani.animales-serio-v1 .dash-serio-hero__ico-inline,
#pg-ani.animales-serio-v1 .ani-serio-htit-ico{
  filter:drop-shadow(0 0 0.65px rgba(15,23,42,.38)) contrast(1.04)!important;
}

/* Chips filtros: piel global --manto-chip-ref-* (tokens + body button.fp / .tb) */
#pg-ani.animales-serio-v1 #fp-ani .fp{
  flex:0 0 auto!important;
}
/* Lista / Mosaico — mismo borde / elevación que chips */
#pg-ani.animales-serio-v1 .ani-serio-seg{
  display:inline-flex!important;
  align-items:stretch!important;
  flex-shrink:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-seg)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 8px rgba(15,23,42,.06)!important;
}
/* Iconos Lista/Mosaico — 30×30 (Partos/Descartes); Animales inventario: 18×18 dentro de fila 28px */
.manto-vista-ico{
  flex-shrink:0!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:block!important;
  pointer-events:none!important;
}
.manto-vista-lbl{
  line-height:1.2!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg .manto-vista-ico{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg .vb{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 10px!important;
  font-size:11px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  cursor:pointer!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg .vb + .vb{
  border-left:1px solid rgba(255,255,255,.95)!important;
  box-shadow:inset 1px 0 0 rgba(15,23,42,.08)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg .vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  border:none!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg .vb.active:hover{
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.11)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg .vb:active{
  opacity:.96!important;
  background:var(--manto-tbar-grad-cta-a)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg .vb:not(.active){
  background:transparent!important;
  color:#334155!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg #va-l.vb.active,
#pg-ani.animales-serio-v1 .ani-serio-seg #va-g.vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg #va-l.vb.active:hover,
#pg-ani.animales-serio-v1 .ani-serio-seg #va-g.vb.active:hover{
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.11)!important;
}
#pg-ani.animales-serio-v1 .ani-serio-seg #va-l.vb:active,
#pg-ani.animales-serio-v1 .ani-serio-seg #va-g.vb:active{
  opacity:.96!important;
  background:var(--manto-tbar-grad-vb-a)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
}

/* Listado: tarjetas — premium (jerarquía, sombras suaves, badge Activo) */
#pg-ani.animales-serio-v1 #ani-list .ac{
  padding:14px 14px!important;
  gap:12px!important;
  margin-bottom:9px!important;
  border-radius:6px!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 2px 12px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.025)!important;
  background:#ffffff!important;
}
#pg-ani.animales-serio-v1 #ani-list .ac:last-child{
  margin-bottom:0!important;
}
#pg-ani.animales-serio-v1 #ani-list .anom{
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:-0.01em!important;
  color:#0f172a!important;
}
#pg-ani.animales-serio-v1 #ani-list .amet{
  font-size:12px!important;
  font-weight:500!important;
  color:#a1a9b8!important;
  margin-top:3px!important;
  letter-spacing:.01em!important;
}
#pg-ani.animales-serio-v1 #ani-list .atgs{
  margin-top:7px!important;
  gap:6px!important;
}
#pg-ani.animales-serio-v1 #ani-list .gcard{
  border-radius:6px!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 2px 12px rgba(15,23,42,.04),0 1px 2px rgba(15,23,42,.025)!important;
  background:#ffffff!important;
}
#pg-ani.animales-serio-v1 #ani-list .gbdy{
  padding:12px 12px 11px!important;
}
#pg-ani.animales-serio-v1 #ani-list .gnom{
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:-0.015em!important;
  color:#0f172a!important;
}
#pg-ani.animales-serio-v1 #ani-list .gmet{
  font-size:12px!important;
  font-weight:500!important;
  color:#a1a9b8!important;
  margin-top:2px!important;
  letter-spacing:.01em!important;
}
body.light #pg-ani.animales-serio-v1 #ani-list .pill.pg_{
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%)!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  border:1px solid var(--manto-tbar-borde)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 1px 3px rgba(15,23,42,.04)!important;
  font-weight:600!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  font-size:10px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
body.light #pg-ani.animales-serio-v1 #ani-list .pill:not(.pg_){
  border-radius:999px!important;
  font-weight:600!important;
}

/* :is(#m-ani-new,#m-ani-edit): cabecera, campos y botones en bloque :is(..., :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1) + .ani-modal-save (más abajo) */
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .btn-m-ani-guardar-ico{
  flex-shrink:0!important;
  object-fit:contain!important;
  display:block!important;
  width:18px!important;
  height:18px!important;
}
@media (max-width:767px){
  #pg-ani.animales-serio-v1 .ani-add-btn,
  #pg-nac.partos-serio-v1 .partos-serio-hero-toolbar .ani-add-btn,
  #pg-pot.potreros-serio-v1 .pot-serio-hero-toolbar .ani-add-btn,
  #pg-ins.insumos-serio-v1 .ins-serio-hero-toolbar .ani-add-btn,
  #pg-cal.eventos-serio-v1 .cal-serio-hero-toolbar .ani-add-btn{
    min-width:104px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  #pg-ani.animales-serio-v1 .ani-serio-seg .vb{
    padding:0 8px!important;
    font-size:10px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    gap:4px!important;
  }
  #pg-ani.animales-serio-v1 .ani-serio-seg .manto-vista-ico{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
  }
}

/* ========= ANIMALES: normalización total (ficha + ventanas) =========
 * Registrar parto (#m-nac) y Nuevo animal (:is(#m-ani-new,#m-ani-edit)): .fi / .flbl / .btn en bloque :is(..., serio-v1) (más abajo). No listar #m-nac ni :is(#m-ani-new,#m-ani-edit) aquí. */
#m-det .mbox:not(.bitacora-mbox), #m-nac-det .mbox:not(.bitacora-mbox), #m-rep-serv:not(.bitacora-serio-v2) .mbox, #m-rep-diag .mbox, #m-rep-parto:not(.bitacora-serio-v2) .mbox, #m-rep-cc:not(.bitacora-serio-v2) .mbox,
#m-nac .mbox:not(.bitacora-mbox), #m-vac .mbox:not(.bitacora-mbox), #m-vac-det .mbox:not(.bitacora-mbox), #m-desc .mbox:not(.bitacora-mbox), #m-vdesc .mbox:not(.bitacora-mbox), #m-nuevo-desc .mbox:not(.bitacora-mbox), #m-edit-desc .mbox:not(.bitacora-mbox),
#m-ins .mbox:not(.bitacora-mbox), #m-insv2-mov .mbox:not(.bitacora-mbox), #m-termo-semen .mbox:not(.bitacora-mbox),
#m-muerte .mbox:not(.bitacora-mbox), #m-inse:not(.bitacora-serio-v2) .mbox, #m-ev-edit .mbox:not(.bitacora-mbox), #m-enfe:not(.bitacora-serio-v2) .mbox, #m-nvet:not(.bitacora-serio-v2) .mbox, #m-evento .mbox:not(.bitacora-mbox), #m-ev-detalle .mbox:not(.bitacora-mbox),
#m-usr .mbox:not(.bitacora-mbox), #m-cambiar-pin .mbox:not(.bitacora-mbox), #m-actividad .mbox:not(.bitacora-mbox), #m-nueva-finca .mbox:not(.bitacora-mbox),
#m-bk-regs .mbox,
#m-pes .mbox{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
#m-det [style*="linear-gradient(135deg,#052E16"], #m-nac-det [style*="linear-gradient(135deg,#052E16"],
#m-rep-serv:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-rep-diag [style*="linear-gradient(135deg,#052E16"], #m-rep-parto:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-rep-cc:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"],
#m-nac [style*="linear-gradient(135deg,#052E16"], #m-vac [style*="linear-gradient(135deg,#052E16"], #m-vac-det [style*="linear-gradient(135deg,#052E16"], #m-desc [style*="linear-gradient(135deg,#052E16"], #m-vdesc [style*="linear-gradient(135deg,#052E16"], #m-nuevo-desc [style*="linear-gradient(135deg,#052E16"], #m-edit-desc [style*="linear-gradient(135deg,#052E16"],
#m-ins:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-insv2-mov:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-termo-semen:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"],
#m-muerte [style*="linear-gradient(135deg,#052E16"], #m-inse:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-ev-edit:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-enfe:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-nvet:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-evento:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"], #m-ev-detalle:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  border-radius:0!important;
}
#m-det [style*="linear-gradient(135deg,#052E16"] *, #m-nac-det [style*="linear-gradient(135deg,#052E16"] *,
#m-rep-serv:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-rep-diag [style*="linear-gradient(135deg,#052E16"] *, #m-rep-parto:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-rep-cc:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *,
#m-nac [style*="linear-gradient(135deg,#052E16"] *, #m-vac [style*="linear-gradient(135deg,#052E16"] *, #m-vac-det [style*="linear-gradient(135deg,#052E16"] *, #m-desc [style*="linear-gradient(135deg,#052E16"] *, #m-vdesc [style*="linear-gradient(135deg,#052E16"] *, #m-nuevo-desc [style*="linear-gradient(135deg,#052E16"] *, #m-edit-desc [style*="linear-gradient(135deg,#052E16"] *,
#m-ins:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-insv2-mov:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-termo-semen:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *,
#m-muerte [style*="linear-gradient(135deg,#052E16"] *, #m-inse:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-ev-edit:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-enfe:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-nvet:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-evento:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *, #m-ev-detalle:not(.bitacora-serio-v2) [style*="linear-gradient(135deg,#052E16"] *{
  color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* Campos y etiquetas */
#m-det .flbl, #m-nac-det .flbl, #m-rep-serv:not(.bitacora-serio-v2) .flbl, #m-rep-diag:not(.bitacora-serio-v2) .flbl, #m-rep-parto:not(.bitacora-serio-v2) .flbl, #m-rep-cc:not(.bitacora-serio-v2) .flbl,
#m-vac .flbl, #m-vac-det .flbl, #m-desc .flbl, #m-vdesc .flbl, #m-nuevo-desc .flbl, #m-edit-desc .flbl,
#m-ins:not(.bitacora-serio-v2) .flbl, #m-insv2-mov:not(.bitacora-serio-v2) .flbl, #m-termo-semen:not(.bitacora-serio-v2) .flbl,
#m-muerte .flbl, #m-inse:not(.bitacora-serio-v2) .flbl, #m-ev-edit .flbl, #m-enfe:not(.bitacora-serio-v2) .flbl, #m-nvet:not(.bitacora-serio-v2) .flbl, #m-evento .flbl, #m-ev-detalle .flbl,
#m-usr:not(.bitacora-serio-v2) .flbl, #m-cambiar-pin:not(.bitacora-serio-v2) .flbl, #m-actividad:not(.bitacora-serio-v2) .flbl, #m-nueva-finca:not(.bitacora-serio-v2) .flbl,
#m-bk-regs .flbl,
#m-pes .flbl{
  color:#4b5563!important;
  font-weight:700!important;
}
#m-det .fi, #m-nac-det .fi, #m-rep-serv:not(.bitacora-serio-v2) .fi, #m-rep-diag:not(.bitacora-serio-v2) .fi, #m-rep-parto:not(.bitacora-serio-v2) .fi, #m-rep-cc:not(.bitacora-serio-v2) .fi,
#m-vac .fi, #m-vac-det .fi, #m-desc .fi, #m-vdesc .fi, #m-nuevo-desc .fg .fi, #m-edit-desc .fg .fi, #m-potrero-det .fg .fi,
#m-ins:not(.bitacora-serio-v2) .fi, #m-insv2-mov:not(.bitacora-serio-v2) .fi, #m-termo-semen:not(.bitacora-serio-v2) .fi,
#m-muerte .fi, #m-inse:not(.bitacora-serio-v2) .fi, #m-ev-edit .fi, #m-enfe:not(.bitacora-serio-v2) .fi, #m-nvet:not(.bitacora-serio-v2) .fi, #m-evento .fg .fi, #m-ev-detalle .fi,
#m-usr:not(.bitacora-serio-v2) .fi, #m-cambiar-pin:not(.bitacora-serio-v2) .fi, #m-actividad:not(.bitacora-serio-v2) .fi, #m-nueva-finca:not(.bitacora-serio-v2) .fi,
#m-bk-regs .fi,
#m-pes .fi{
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  background:#ffffff!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* Botones: base + secundarios + primarios */
#m-det:not(.bitacora-serio-v2) button, #m-nac-det:not(.bitacora-serio-v2) button, #m-rep-serv:not(.bitacora-serio-v2) button, #m-rep-diag:not(.bitacora-serio-v2) button, #m-rep-parto:not(.bitacora-serio-v2) button, #m-rep-cc:not(.bitacora-serio-v2) button,
#m-vac:not(.bitacora-serio-v2) button, #m-vac-det:not(.bitacora-serio-v2) button, #m-desc:not(.bitacora-serio-v2) button, #m-vdesc:not(.bitacora-serio-v2) button, #m-nuevo-desc:not(.bitacora-serio-v2) button, #m-edit-desc:not(.bitacora-serio-v2) button,
#m-ins:not(.bitacora-serio-v2) button, #m-insv2-mov:not(.bitacora-serio-v2) button, #m-termo-semen:not(.bitacora-serio-v2) button,
#m-muerte:not(.bitacora-serio-v2) button, #m-inse:not(.bitacora-serio-v2) button, #m-ev-edit:not(.bitacora-serio-v2) button, #m-enfe:not(.bitacora-serio-v2) button, #m-nvet:not(.bitacora-serio-v2) button, #m-evento:not(.bitacora-serio-v2) button, #m-ev-detalle:not(.bitacora-serio-v2) button,
#m-usr:not(.bitacora-serio-v2) button, #m-cambiar-pin:not(.bitacora-serio-v2) button, #m-actividad:not(.bitacora-serio-v2) button, #m-nueva-finca:not(.bitacora-serio-v2) button,
#m-bk-regs button,
#m-pes button:not(.serio-v1-btn-back):not(.bit-bitacora-foot-cancel):not(.bit-bitacora-foot-save){
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
/* Botones atrás/cerrar: piel SERIO V1 en bloque .modal … (más abajo); no forzar #ffffff aquí (ganaba por #id y anulaba el bisel). */
#m-det .btn.bg_, #m-nac-det .btn.bg_, #m-rep-serv:not(.bitacora-serio-v2) .btn.bg_, #m-rep-diag .btn.bg_, #m-rep-parto:not(.bitacora-serio-v2) .btn.bg_, #m-rep-cc:not(.bitacora-serio-v2) .btn.bg_,
#m-vac:not(.bitacora-serio-v2) .btn.bg_, #m-vac-det:not(.bitacora-serio-v2) .btn.bg_, #m-desc:not(.bitacora-serio-v2) .btn.bg_, #m-vdesc:not(.bitacora-serio-v2) .btn.bg_, #m-nuevo-desc:not(.bitacora-serio-v2) .btn.bg_, #m-edit-desc:not(.bitacora-serio-v2) .btn.bg_,
#m-ins:not(.bitacora-serio-v2) .btn.bg_, #m-insv2-mov:not(.bitacora-serio-v2) .btn.bg_, #m-termo-semen:not(.bitacora-serio-v2) .btn.bg_,
#m-muerte .btn.bg_, #m-inse:not(.bitacora-serio-v2) .btn.bg_, #m-ev-edit:not(.bitacora-serio-v2) .btn.bg_, #m-enfe:not(.bitacora-serio-v2) .btn.bg_, #m-nvet:not(.bitacora-serio-v2) .btn.bg_, #m-evento:not(.bitacora-serio-v2) .btn.bg_, #m-ev-detalle:not(.bitacora-serio-v2) .btn.bg_,
#m-usr:not(.bitacora-serio-v2) .btn.bg_, #m-cambiar-pin:not(.bitacora-serio-v2) .btn.bg_, #m-actividad:not(.bitacora-serio-v2) .btn.bg_, #m-nueva-finca:not(.bitacora-serio-v2) .btn.bg_,
#m-bk-regs .btn.bg_,
#m-pes .btn.bg_{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
/* Registrar vacuna usa clase .bb_ (azul global); unificar a piloto B2 */
#m-vac .btn.bb_{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
/* Partos: CTAs principales — piloto B2 */
#m-nac-det .btn.bg_{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
/* #m-nac NEW MODAL: pie «Registrar parto» = gris ok — ver styles.css #m-nac.nac-parto-form-modal */
/* :is(#m-ani-new,#m-ani-edit): mismo piloto que Leche */
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .btn.bg_{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  text-shadow:none!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .btn.br_{
  background:var(--manto-btn-danger-bg)!important;
  border:var(--manto-btn-danger-border)!important;
  color:var(--manto-btn-danger-color)!important;
  -webkit-text-fill-color:var(--manto-btn-danger-color)!important;
  box-shadow:var(--manto-btn-danger-shadow)!important;
}
#m-aforo.bitacora-serio-v2 .btn.br_,
#m-det .btn.br_, #m-nac-det .btn.br_, #m-rep-serv:not(.bitacora-serio-v2) .btn.br_, #m-rep-diag .btn.br_, #m-rep-parto:not(.bitacora-serio-v2) .btn.br_, #m-rep-cc:not(.bitacora-serio-v2) .btn.br_,
#m-vac .btn.br_, #m-vac-det .btn.br_, #m-desc .btn.br_, #m-vdesc .btn.br_, #m-nuevo-desc .btn.br_, #m-edit-desc .btn.br_,
#m-ins:not(.bitacora-serio-v2) .btn.br_, #m-insv2-mov:not(.bitacora-serio-v2) .btn.br_, #m-termo-semen:not(.bitacora-serio-v2) .btn.br_,
#m-muerte .btn.br_, #m-inse:not(.bitacora-serio-v2) .btn.br_, #m-ev-edit:not(.bitacora-serio-v2) .btn.br_, #m-enfe:not(.bitacora-serio-v2) .btn.br_, #m-nvet:not(.bitacora-serio-v2) .btn.br_, #m-evento:not(.bitacora-serio-v2) .btn.br_, #m-ev-detalle:not(.bitacora-serio-v2) .btn.br_,
#m-usr:not(.bitacora-serio-v2) .btn.br_, #m-cambiar-pin:not(.bitacora-serio-v2) .btn.br_, #m-actividad:not(.bitacora-serio-v2) .btn.br_, #m-nueva-finca:not(.bitacora-serio-v2) .btn.br_,
#m-bk-regs .btn.br_,
#m-pes .btn.br_{
  background:var(--manto-btn-danger-bg)!important;
  border:var(--manto-btn-danger-border)!important;
  color:var(--manto-btn-danger-color)!important;
  -webkit-text-fill-color:var(--manto-btn-danger-color)!important;
  box-shadow:var(--manto-btn-danger-shadow)!important;
}

/* Ficha Animal y Nuevo animal: misma caja que Registrar parto (blanco, borde SERIO) */
#m-det.ficha-serio-v1 .mbox,
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .mbox{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:14px!important;
  box-shadow:0 8px 28px rgba(15,23,42,.1)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Ficha Animal — SERIO Modal Campo (pisa #m-det .mbox / button del dashboard; misma caja que Bitácora) */
#m-det.bitacora-serio-v2.ficha-serio-v1 .mbox.bitacora-mbox{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:14px!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop), 0 14px 44px rgba(15,23,42,.18)!important;
  max-width:min(520px, 100vw - 28px)!important;
  padding:14px 14px 18px!important;
  max-height:92vh!important;
  overflow-y:auto!important;
  width:100%!important;
  box-sizing:border-box!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.bitacora-serio-v2.ficha-modal-serio-v1 .ficha-serio-v1__block{
  background:#f8fafc!important;
  border:1px solid #cbd5e1!important;
  border-radius:14px!important;
  box-shadow:0 1px 3px rgba(15,23,42,.08)!important;
}
/* TOOLS — icono Papelera (SVG stroke) */
#pg-tools .tools-pg-tile--papelera .tools-pg-tile__ico--svg{
  display:flex;align-items:center;justify-content:center;color:#475569;
}
#pg-tools .tools-pg-tile--papelera .tools-pg-tile__ico--svg svg{display:block}
/* Papelera — lista (scroll y layout NEW MODAL en styles.css — .modal-nuevo) */
#m-papelera:not(.modal-nuevo) .papelera-scroll-wrap{max-height:min(62vh,520px);overflow-y:auto;margin-bottom:0}
#m-papelera .papelera-list{display:flex;flex-direction:column;gap:10px}
#m-papelera .papelera-empty{font-size:13px;color:#64748b;text-align:center;padding:20px 8px}
#m-papelera .papelera-card{
  display:flex;align-items:center;gap:12px;padding:10px 12px;
  border:var(--manto-serio-panel-borde);border-radius:var(--manto-serio-radius,5px);
  background:#f8fafc;cursor:pointer;text-align:left;
}
#m-papelera .papelera-card:focus{outline:2px solid #cbd5e1;outline-offset:1px}
#m-papelera .papelera-card__ph{flex-shrink:0;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#e2e8f0;border:1px solid #e2e8f0}
#m-papelera .papelera-card__ph img{width:100%;height:100%;object-fit:cover;display:block}
#m-papelera .papelera-card__ph-ph{width:100%;height:100%;display:block;background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}
#m-papelera .papelera-card__main{flex:1;min-width:0}
#m-papelera .papelera-card__tit{font-weight:800;font-size:14px;color:#111827;line-height:1.25}
#m-papelera .papelera-card__meta{font-size:11px;color:#64748b;margin-top:4px}
#m-papelera .papelera-card__acts{display:flex;gap:6px;flex-shrink:0}
#m-papelera .papelera-btn{
  display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;
  border-radius:var(--manto-serio-radius,5px);border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer;
}
#m-papelera .papelera-btn--restore:hover{background:#f1f5f9;border-color:#94a3b8}
#m-papelera .papelera-btn--def{color:var(--manto-btn-danger-color,#991b1b);border-color:#fecaca;background:#fff7f7}
#m-papelera .papelera-btn--def:hover{background:#fee2e2;border-color:#f87171}
#m-papelera .papelera-det{margin-top:12px;padding:12px;border:1px dashed #cbd5e1;border-radius:var(--manto-serio-radius,5px);background:#fff}
#m-papelera .papelera-res-h{font-weight:800;font-size:13px;color:#0f172a;margin-bottom:8px}
#m-papelera .papelera-res-grid{display:flex;flex-direction:column;gap:8px}
#m-papelera .papelera-res-row{display:flex;gap:10px;justify-content:space-between;font-size:12px}
#m-papelera .papelera-res-k{color:#64748b;font-weight:700}
#m-papelera .papelera-res-v{color:#111827;text-align:right;word-break:break-word}
#m-papelera .papelera-res-full .papelera-res-k{display:block;margin-bottom:4px}
#m-papelera .papelera-res-full .papelera-res-v{font-size:12px;color:#334155;white-space:pre-wrap}
#m-papelera .papelera-foot{font-size:11px;color:#94a3b8;margin:12px 0 0;padding:0 4px;line-height:1.45}
#m-papelera-conf .papelera-conf-txt{font-size:14px;color:#334155;margin:0 0 16px;line-height:1.45}
#m-papelera-conf .papelera-conf-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
#m-det.ficha-serio-v1 #det-pills .pill{
  border-radius:4px!important;
  font-weight:700!important;
}
#m-det #det-retiro-alert, #m-det .vcard{
  border-radius:10px!important;
}
#m-det.ficha-serio-v1 #det-lact-curve.det-lact-visible{
  display:block !important;
}
#m-det.ficha-modal-serio-v1 .ecard{
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
}
/* Pestañas: 2 columnas = más ancho por celda, textos completos sin abreviar; salto de línea si hace falta */
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-bottom:12px!important;
  padding:6px!important;
  background:#e8ecf1!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  overflow:visible!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__tabs .tb{
  box-sizing:border-box!important;
  padding:7px 8px!important;
  font-size:12px!important;
  text-align:center!important;
  border:1px solid #e2e8f0!important;
  border-radius:8px!important;
  margin:0!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  color:#1f2937!important;
  font-weight:700!important;
  min-height:36px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 3px rgba(15,23,42,.05)!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__tabs .tb.active{
  background:var(--manto-btn-b2-bg)!important;
  border-color:#1f2937!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 1px 3px rgba(15,23,42,.1)!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
  border-radius:10px!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  margin:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--outline{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#374151!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--back{
  padding:8px 14px!important;
  font-size:13px!important;
  color:#111827!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--compact{
  padding:6px 10px!important;
  font-size:12px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--sm{
  padding:4px 10px!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--peso-add{
  border-radius:12px!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 12px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--fullwidth{
  width:100%!important;
  max-width:100%!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--icon{
  padding:6px 10px!important;
  min-width:auto!important;
  font-size:12px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--icon-danger{
  padding:6px 10px!important;
  min-width:auto!important;
  font-size:12px!important;
  background:#fef2f2!important;
  border:1px solid #fecaca!important;
  color:#b91c1c!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--ev-nuevo{
  width:100%!important;
  margin-bottom:9px!important;
  min-height:36px!important;
  max-height:36px!important;
  height:36px!important;
  font-size:14px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
/* Ficha bloque 1 — QR y Editar: misma altura que pie NEW MODAL (36px) */
#m-det.ficha-modal-serio-v1 .ficha-det-acciones-campo .bitacora-btn.bitacora-btn--sec{
  min-height:36px!important;
  max-height:36px!important;
  height:36px!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  font-size:13px!important;
}
/* Nutrición + Analizar IA: 36px (ancho completo) */
#m-det.ficha-modal-serio-v1 #btn-nutr-ficha.ficha-serio-v1__btn--primary-solid,
#m-det.ficha-modal-serio-v1 #det-ia-btn.ficha-serio-v1__btn--secondary-wide{
  min-height:36px!important;
  max-height:36px!important;
  height:36px!important;
  font-size:13px!important;
  margin-bottom:6px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
#m-det.bitacora-serio-v2.ficha-modal-serio-v1 #btn-nutr-ficha.ficha-serio-v1__btn--primary-solid,
#m-det.bitacora-serio-v2.ficha-modal-serio-v1 #det-ia-btn.ficha-serio-v1__btn--secondary-wide{
  min-height:36px!important;
  max-height:36px!important;
  height:36px!important;
  font-size:13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
#m-det.ficha-serio-v1 .ecard.ficha-serio-v1__ecard-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  border-left:3px solid #cbd5e1!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__timeline-actions{
  display:flex!important;
  gap:4px!important;
  flex-shrink:0!important;
  margin-left:8px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__vac-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:6px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__vac-actions .ficha-serio-v1__btn{
  width:100%!important;
  margin:0!important;
  min-height:36px!important;
  font-size:12px!important;
  padding:8px 6px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__vac-actions .ficha-serio-v1__btn--primary-solid{
  margin-bottom:0!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn-ico{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  display:block!important;
  flex-shrink:0!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__photo-strip{
  display:flex!important;
  gap:4px!important;
  height:160px!important;
  margin-bottom:12px!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__identity{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  padding:12px 14px!important;
  margin-bottom:12px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 5px rgba(15,23,42,.05)!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__identity-main{
  flex:1!important;
  min-width:0!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__nom{
  font-size:20px!important;
  font-weight:800!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__pills-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:8px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__pills{
  display:flex!important;
  gap:6px!important;
  margin-top:0!important;
  flex-wrap:wrap!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__sync-pend{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:#92400e!important;
  background:#fff7ed!important;
  border:1px solid #fdba74!important;
  border-radius:999px!important;
  padding:4px 10px!important;
  align-items:center!important;
  line-height:1.2!important;
}
#m-det.ficha-serio-v1 .ficha-det-acciones-campo #det-btn-qr{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
}
#m-det.ficha-serio-v1 .ficha-qr-ico{
  display:block!important;
  flex-shrink:0!important;
  color:#1e293b!important;
}
#m-det.ficha-serio-v1 .ficha-qr-ico-txt{
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
#m-det-qr-pass.m-det-qr-pass .m-det-qr-pass__slot table{
  border-collapse:collapse!important;
  margin:0 auto!important;
}
/* Pasaporte QR: cabecera NEW HEADER + pie Pebble en public/styles.css (bloque «Pasaporte QR — NEW MODAL») */
#pg-tools.serio-v2 .tools-pg-version-line{
  margin:10px 0 0!important;
  font-size:11px!important;
  font-weight:700!important;
  color:var(--t3,#64748b)!important;
  line-height:1.45!important;
}
:is(#m-ani-new,#m-ani-edit) .manto-draft-banner.serio-v2,#m-nac .manto-draft-banner.serio-v2{
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  padding:10px 12px;
  background:var(--s2,#f1f5f9);
  border:1px solid var(--brd,#e2e8f0);
  border-radius:12px;
  font-size:12px;
  font-weight:600;
  color:var(--t2,#334155);
}
:is(#m-ani-new,#m-ani-edit) .manto-draft-banner__txt,#m-nac .manto-draft-banner__txt{flex:1;min-width:140px;line-height:1.4}
:is(#m-ani-new,#m-ani-edit) .manto-draft-banner__btn,#m-nac .manto-draft-banner__btn{
  border-radius:10px;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
  border:1px solid var(--brd,#e2e8f0);
  background:#fff;
  color:var(--t1,#0f172a);
  cursor:pointer;
}
/* Borrador: verde solo en Registrar parto (#m-nac). Nuevo animal (:is(#m-ani-new,#m-ani-edit)) = misma piel hero que Inicio/Animales */
#m-nac .manto-draft-banner__btn--pri{
  border-color:#166534;
  background:linear-gradient(180deg,#22c55e,#16a34a);
  color:#fff;
  box-shadow:0 1px 3px rgba(22,101,52,.25);
}
:is(#m-ani-new,#m-ani-edit) .manto-draft-banner__btn--pri{
  border-color:#64748b!important;
  background:linear-gradient(180deg,#cbd5e1 0%,#a8b4c4 100%)!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  box-shadow:0 1px 3px rgba(15,23,42,.12),0 0 0 1px rgba(71,85,105,.12)!important;
}
:is(#m-ani-new,#m-ani-edit) .manto-draft-banner__btn--pri:hover{
  border-color:#475569!important;
  box-shadow:0 2px 10px rgba(15,23,42,.14),0 0 0 1px rgba(51,65,85,.16)!important;
}
:is(#m-ani-new,#m-ani-edit) .manto-draft-banner__btn--pri:active{
  opacity:.96!important;
  background:linear-gradient(180deg,#b8c4d4 0%,#94a3b8 100%)!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__info-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  margin-bottom:13px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__sex-ico{
  font-size:28px!important;
  font-weight:800!important;
  color:#475569!important;
  flex-shrink:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__rep-kpis{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  margin-bottom:12px!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__block-h{
  padding:9px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__block-h--tit-only{
  justify-content:flex-start!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__block-body{
  padding:10px!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__lact-panel{
  margin-top:4px!important;
  margin-bottom:12px!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  padding:12px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 5px rgba(15,23,42,.05)!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__lact-panel-tit{
  font-size:12px!important;
  font-weight:700!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__lact-panel-sub{
  font-size:11px!important;
  font-weight:600!important;
  color:#94a3b8!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__lact-panel-h{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid #eef2f6!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__lact-panel-h--solo-sub{
  justify-content:flex-start!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__lact-panel-tit{
  font-size:13px!important;
  font-weight:800!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__lact-panel-sub{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
}
/* ══ F1 — KPIs curva de lactancia por ciclo (ficha) ══ */
#m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpis{
  display:grid!important;
  grid-template-columns:repeat(auto-fit, minmax(118px, 1fr))!important;
  gap:6px!important;
  margin-top:10px!important;
  padding:0!important;
}
#m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpi{
  background:linear-gradient(168deg,#ffffff 0%,#f8fafc 100%)!important;
  border:1px solid #cbd5e1!important;
  border-radius:10px!important;
  padding:7px 9px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 1px 2px rgba(15,23,42,.04)!important;
  min-height:52px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  box-sizing:border-box!important;
}
body.light #m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpi{
  border-color:#94a3b8!important;
}
#m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpi__lbl{
  font-size:10px!important;
  font-weight:700!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  line-height:1.2!important;
}
#m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpi__val{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.25!important;
  font-variant-numeric:tabular-nums!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpi__sub{
  font-size:10px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.2!important;
}
#m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpi--alert{
  border-color:#fca5a5!important;
  background:linear-gradient(168deg,#fff5f5 0%,#fee2e2 100%)!important;
}
#m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpi--alert .det-lact-kpi__val{
  color:#991b1b!important;
}
#m-det.ficha-serio-v1 .det-lact-curve-ficha .det-lact-kpi--muted .det-lact-kpi__val{
  color:#94a3b8!important;
  font-weight:700!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__nutri-block{
  margin-top:12px!important;
  border-top:1px solid #cfd4dc!important;
  padding-top:12px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
/* Hijos directos del bloque 6 (Nutrición + IA): el gap:8px del padre
   maneja la separación; anulamos cualquier margin individual (top/bottom)
   que pudiese venir de otras reglas (#btn-nutr-ficha con margin-bottom:8px,
   panel IA con margin-top:12px, etc.). Usamos IDs para ganar especificidad. */
#m-det.ficha-serio-v1 #btn-nutr-ficha.ficha-serio-v1__btn,
#m-det.ficha-serio-v1 #btn-plan-sanit-ficha.ficha-serio-v1__btn,
#m-det.ficha-serio-v1 #det-ia-btn.ficha-serio-v1__btn,
#m-det.ficha-serio-v1 #det-ia-result.ficha-serio-v1__ia-panel,
#m-det.ficha-modal-serio-v1 #btn-nutr-ficha.ficha-serio-v1__btn,
#m-det.ficha-modal-serio-v1 #btn-plan-sanit-ficha.ficha-serio-v1__btn,
#m-det.ficha-modal-serio-v1 #det-ia-btn.ficha-serio-v1__btn,
#m-det.ficha-modal-serio-v1 #det-ia-result.ficha-serio-v1__ia-panel{
  margin:0!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__btn--primary-solid{
  height:auto!important;
  min-height:48px!important;
  border-radius:10px!important;
  border:var(--manto-btn-b2-border)!important;
  background:var(--manto-btn-b2-bg)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  width:100%!important;
  font-size:15px!important;
  font-weight:800!important;
  margin-bottom:8px!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
/* Evaluar Mastitis — 36px (pie NEW MODAL); anula min-height:48px del bloque anterior */
#m-det.ficha-modal-serio-v1 #det-btn-mastitis.ficha-serio-v1__btn--primary-solid.ficha-det-btn-mastitis{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  box-sizing:border-box!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
/* «Nuevo evento»: misma piel que otros «Registrar» (gris-ok); altura pie NEW MODAL (36px) */
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__btn--registrar-add.ficha-serio-v1__btn--ev-nuevo{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  font-size:14px!important;
  padding:0 12px!important;
  margin-bottom:9px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__btn--secondary-wide{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #e2e8f0!important;
  color:#374151!important;
  width:100%!important;
  min-height:44px!important;
  font-size:14px!important;
  border-radius:10px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
}
/* Ficha animal — botón «Aplicar plan sanitario» a 36px (pedido del usuario) */
#m-det.ficha-modal-serio-v1 #btn-plan-sanit-ficha.ficha-serio-v1__btn{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 12px!important;
  line-height:1!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__ia-panel{
  margin-top:12px!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  padding:14px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 5px rgba(15,23,42,.05)!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__ia-panel-h{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:10px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid #eef2f6!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#111827!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__ia-panel-body{
  font-size:14px!important;
  color:#374151!important;
  line-height:1.7!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__desc-foot{
  margin-top:16px!important;
  padding-top:12px!important;
  border-top:1px solid #cfd4dc!important;
  text-align:center!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__desc-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--danger-outline{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#7f1d1d!important;
  padding:10px!important;
  font-size:12px!important;
  letter-spacing:.02em!important;
}
#m-det.ficha-serio-v1 .ficha-serio-v1__btn--danger-fill{
  background:#fef2f2!important;
  border:1px solid #fecaca!important;
  color:#991b1b!important;
  padding:10px!important;
  font-size:12px!important;
  letter-spacing:.02em!important;
}
/* Ficha modal Campo: secundarios = B3 vitreo (misma piel que Leche «Nutrición»); primarios = B2 (como «Registrar leche»). Antes no aplicaba: el dashboard forzaba #fff en #m-det button. */
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn--outline{
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Ficha Animal — cabeceras de bloque «Registrar» / «Nueva»: misma piel que Regresar (--manto-btn-gris-ok-*) */
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn--registrar-add{
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border-radius:12px!important;
  gap:6px!important;
  padding:6px 12px!important;
  min-height:32px!important;
  max-height:none!important;
  transition:background .15s,border-color .15s,box-shadow .15s,opacity .12s!important;
}
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn--registrar-add:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn--registrar-add:active{
  background:var(--manto-btn-gris-ok-bg-active)!important;
  opacity:.96!important;
}
/* Timeline «Nuevo evento»: texto oscuro legible (evita color claro tipo B2 heredado en el label) */
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn--ev-nuevo.ficha-serio-v1__btn--registrar-add{
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
}
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn--ev-nuevo.ficha-serio-v1__btn--registrar-add span{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
/* Analizar con IA — icono a la izquierda, sin filtros que lo blanqueen */
#m-det.bitacora-serio-v2.ficha-serio-v1 #det-ia-btn .ficha-serio-v1__btn-ico{
  filter:none!important;
  opacity:1!important;
}
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn-add-ico{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
/* Icono agregar2 sobre CTA primario (Eventos): contraste sobre B2 */
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn--primary-solid .ficha-serio-v1__btn-add-ico--on-primary{
  filter:brightness(0) invert(1)!important;
  opacity:.95!important;
}
#m-det.bitacora-serio-v2.ficha-modal-serio-v1 .ficha-serio-v1__btn--secondary-wide{
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  font-size:14px!important;
  font-weight:800!important;
  min-height:50px!important;
  border-radius:12px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__vac-actions .ficha-serio-v1__btn:not(.ficha-serio-v1__btn--primary-solid){
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.bitacora-serio-v2.ficha-serio-v1 .ficha-serio-v1__btn--danger-outline{
  background:var(--manto-btn-danger-bg)!important;
  border:var(--manto-btn-danger-border)!important;
  color:var(--manto-btn-danger-color)!important;
  -webkit-text-fill-color:var(--manto-btn-danger-color)!important;
  box-shadow:var(--manto-btn-danger-shadow)!important;
}
#m-det.bitacora-serio-v2 .tb:not(.active){
  background:#f1f5f9!important;
  border:1px solid #cbd5e1!important;
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
}
#m-det .tb{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  color:#1f2937!important;
  font-weight:700!important;
}
#m-det .tb.active{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#m-det #dt-rep button[onclick*="abrirRep"],
#m-det #dt-ins button[onclick*="abrirInseminacion"],
#m-det #dt-enf button[onclick*="abrirEnfermedad"],
#m-det #dt-nv button[onclick*="abrirNuevaIndicacionVet"],
#m-det button[onclick*="abrirEvento"],
#m-det button[onclick*="editarVacuna"],
#m-det button[onclick*="confirmarVacuna"],
#m-det button[onclick*="eliminarVacuna"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
/* Ficha — Reproducción / celo: Guardar = mismo pie NEW MODAL (.bit-bitacora-foot-save, 36px, radio 12px, gris-ok) */
#m-det.bitacora-serio-v2 #dt-rep-estado .rep-celo-row{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
}
#m-det.bitacora-serio-v2 #dt-rep-estado .rep-celo-row > .btn.bitacora-btn.btn-gris-ok.bit-bitacora-foot-save{
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:0 14px!important;
  gap:8px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  cursor:pointer!important;
  border:var(--manto-btn-gris-ok-border)!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
}
#m-det.bitacora-serio-v2 #dt-rep-estado .rep-celo-row > .btn.bitacora-btn.btn-gris-ok.bit-bitacora-foot-save:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
#m-det.bitacora-serio-v2 #dt-rep-estado .rep-celo-row > .btn.bitacora-btn.btn-gris-ok.bit-bitacora-foot-save:active{
  background:var(--manto-btn-gris-ok-bg-active)!important;
  opacity:.96!important;
}
#m-det.bitacora-serio-v2 #dt-rep-estado .rep-celo-row .bit-bitacora-foot-save-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#m-det.bitacora-serio-v2 #dt-rep-estado .rep-celo-row .bit-bitacora-foot-save-lbl{
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
}

/* Ficha de parto */
#m-nac-det #nac-det-info > div,
#m-nac-det #nac-det-cria > div,
#m-nac-det .nac-det-bitacora-strip{
  border-radius:4px!important;
}

/* Tool: Fotos masivas — NEW MODAL (overlay solo .modal; tope alto en .mbox ancha) */
#m-tool-fotos.evento-modal-serio-v1{
  position:fixed!important;
  inset:0!important;
  overscroll-behavior:contain!important;
}
#m-tool-fotos.bitacora-serio-v2.modal-nuevo .mbox.bitacora-mbox.ani-modal-serio-v2__mbox.tool-serio-dialog--wide{
  max-height:min(94vh,calc(100dvh - 24px))!important;
  overflow:hidden!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-fm-shell{
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  min-height:0!important;
  background:var(--superficie-pagina)!important;
  border-top:1px solid #e2e8f0!important;
}
#m-tool-fotos button:not(.bitacora-modal-back){
  border-radius:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
}
#m-tool-fotos #fm-buscar{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  color:#111827!important;
  font-weight:600!important;
  box-shadow:none!important;
}
#m-tool-fotos #fm-contador{
  color:#4b5563!important;
}
#m-tool-fotos #fm-btn-guardar,
#m-tool-fotos #fm-btn-guardar2{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#m-tool-fotos #fm-rangos{
  background:#ffffff!important;
  border-bottom:var(--borde-fuerte)!important;
}
#m-tool-fotos #fm-rangos button{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#1f2937!important;
  border-radius:4px!important;
}
#m-tool-fotos #fm-rangos button.active{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#m-tool-fotos #fm-prog-wrap{
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#m-tool-fotos #fm-mosaico{
  background:var(--superficie-pagina)!important;
}
#m-tool-fotos #fm-mosaico{
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}

/* VACUNAS — SERIO V2 (hero + guía + acciones; paneles próximas / historial) */
#pg-vac.vacunas-serio-v1{
  --vac-line:#cfd4dc;
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 > .vac-serio-panel:last-child{
  margin-bottom:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  overflow:hidden!important;
  margin-bottom:12px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(0,0,0,.05),
    0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-panel--hero{
  padding:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--vac-line)!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-vac.vacunas-serio-v1 .vac-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-vac.vacunas-serio-v1 .vac-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-panel-h{
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid #e5e7eb!important;
  padding:8px 12px!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-panel-h--shell{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  box-sizing:border-box!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-panel-body{
  padding:10px 12px!important;
}
/* Tarjetas de lista (mkVcard) */
#pg-vac.vacunas-serio-v1 .vac-serio-v1__card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 12px!important;
  margin-bottom:8px!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-v1__card:last-child{margin-bottom:0!important}
#pg-vac.vacunas-serio-v1 .vac-serio-panel-body .empty{
  text-align:center!important;
  padding:18px 12px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:700!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-panel-body .empty-txt{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* Historial profesional — resumen, filtros, grupos por tipo */
#pg-vac.vacunas-serio-v1 .vac-serio-v1__filter-strip{
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:8px!important;
  background:var(--gris-100,#f1f5f9)!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  border-radius:10px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
}
#pg-vac.vacunas-serio-v1 .vac-serio-v1__filter-strip::-webkit-scrollbar{display:none!important}
#pg-vac.vacunas-serio-v1 .vac-hist-resumen{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px 6px!important;
  padding:8px 10px!important;
  margin-bottom:8px!important;
  border-radius:10px!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  background:var(--gris-50,#f8fafc)!important;
  font-size:12px!important;
  font-weight:600!important;
  color:var(--texto-suave,#64748b)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-resumen__chip strong{
  color:var(--texto-fuerte,#0f172a)!important;
  font-weight:800!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-resumen__sep{
  color:var(--texto-muted,#94a3b8)!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-resumen__period{
  flex:1 1 100%!important;
  font-size:11px!important;
  font-weight:700!important;
  color:var(--texto-base,#334155)!important;
  margin-top:2px!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-period-strip,
#pg-vac.vacunas-serio-v1 .vac-hist-tipos-strip{
  margin-bottom:8px!important;
  flex-wrap:wrap!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-mes-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:8px!important;
  padding:0 2px!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-mes-lbl{
  font-size:11px!important;
  font-weight:800!important;
  color:var(--texto-suave,#64748b)!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-mes-inp{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:220px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px!important;
  font-size:13px!important;
  font-weight:600!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-grupo{
  margin-bottom:8px!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  box-shadow:0 1px 3px rgba(15,23,42,.05)!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-grupo-h{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:10px 12px!important;
  border:none!important;
  background:var(--superficie-bloque-header,linear-gradient(168deg,#f1f5f9 0%,#e2e8f0 55%,#dbe2ea 100%))!important;
  cursor:pointer!important;
  text-align:left!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-grupo-h__ico{
  flex-shrink:0!important;
  font-size:18px!important;
  line-height:1!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-grupo-h__txt{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-grupo-h__tit{
  font-size:14px!important;
  font-weight:800!important;
  color:var(--texto-fuerte,#0f172a)!important;
  line-height:1.25!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-grupo-h__sub{
  font-size:11px!important;
  font-weight:600!important;
  color:var(--texto-suave,#64748b)!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-grupo-h__chev{
  flex-shrink:0!important;
  font-size:14px!important;
  font-weight:800!important;
  color:var(--texto-suave,#64748b)!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-grupo-body{
  padding:8px!important;
  background:var(--gris-50,#f8fafc)!important;
  border-top:1px solid var(--gris-300,#cbd5e1)!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-row{
  margin-bottom:6px!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-row:last-child{
  margin-bottom:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-row__main{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:1 1 auto!important;
  min-width:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-row__foto{
  width:36px!important;
  height:36px!important;
  border-radius:8px!important;
  object-fit:cover!important;
  flex-shrink:0!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-row__foto--ph{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--gris-100,#f1f5f9)!important;
  font-size:16px!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-row__txt{
  min-width:0!important;
  flex:1 1 auto!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-row__ani{
  font-size:13px!important;
  font-weight:800!important;
  color:var(--texto-fuerte,#0f172a)!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-row__meta{
  font-size:11px!important;
  font-weight:600!important;
  color:var(--texto-suave,#64748b)!important;
  margin-top:2px!important;
  line-height:1.35!important;
}
#pg-vac.vacunas-serio-v1 .vac-hist-more-btn{
  width:100%!important;
  min-height:36px!important;
  margin-top:4px!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* Modales vacunas / eventos legacy (sin .bitacora-mbox) */
#m-evento.evento-modal-serio-v1 .mbox:not(.bitacora-mbox),
#m-ev-detalle.evento-modal-serio-v1 .mbox:not(.bitacora-mbox),
#m-liq.finanzas-modal-serio-v1 .mbox,
#m-costo.finanzas-modal-serio-v1 .mbox{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:14px!important;
  box-shadow:0 8px 28px rgba(15,23,42,.1)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-liq.finanzas-modal-serio-v1 .finanzas-serio-resumen{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  padding:12px!important;
  margin:8px 0 14px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
}
#m-liq.finanzas-modal-serio-v1 .finanzas-serio-resumen__tit{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  margin-bottom:10px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-liq.finanzas-modal-serio-v1 .finanzas-serio-resumen__grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
#m-liq.finanzas-modal-serio-v1 .finanzas-serio-resumen__lbl{
  font-size:10px!important;
  font-weight:700!important;
  color:#64748b!important;
  margin-bottom:4px!important;
}
#m-liq.finanzas-modal-serio-v1 .finanzas-serio-resumen__val{
  font-size:18px!important;
  font-weight:900!important;
  color:#111827!important;
  font-variant-numeric:tabular-nums!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-liq.finanzas-modal-serio-v1 .finanzas-serio-subsec{
  font-size:13px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:8px 0 10px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* ================= EVENTOS / CALENDARIO — SERIO V2 (cal-serio-* hero/guía/acciones + calendario) ================= */
#pg-cal.eventos-serio-v1{
  --cal-line:#cfd4dc;
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  min-height:min-content!important;
  height:auto!important;
}
#pg-cal.eventos-serio-v1 > .section > .section-body > .section-content{
  gap:8px!important;
  row-gap:8px!important;
}
@media (min-width:768px){
  #pg-cal.eventos-serio-v1.pg.active{
    align-self:start!important;
  }
}
/* Paneles de contenido (no el hero): recuadro blanco. El hero comparte shell con Leche (gradiente + 14px vía bloque *-serio-panel--hero global). */
#pg-cal.eventos-serio-v1 .cal-serio-panel:not(.cal-serio-panel--hero){
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius,4px)!important;
  overflow:hidden!important;
  margin-bottom:0!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--hero{
  padding:0!important;
}
/* Toolbar hero Eventos: buscador + Nuevo evento — mismas reglas que Potreros (bloque .pot-serio-hero-toolbar arriba, compartido con #pg-cal .cal-serio-hero-toolbar). */
#pg-cal.eventos-serio-v1 .cal-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--cal-line)!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-cal.eventos-serio-v1 .cal-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-cal.eventos-serio-v1 .cal-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius,4px)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
/* Acciones rápidas movidas al header (hero toolbar) */
#pg-cal.eventos-serio-v1 .cal-serio-panel-h-tit--inline{
  font-size:13px!important;
  font-weight:800!important;
  color:#111827!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel-h{
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid #e5e7eb!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel-h-tit{
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--hero .dash-serio-hero--title-strip .dash-serio-hero__ico-inline,
#pg-cal.eventos-serio-v1 .cal-serio-panel--hero .dash-serio-hero__head-row .dash-serio-hero__ico-inline{
  width:auto!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  min-width:0!important;
  max-width:min(32vw,120px)!important;
  object-fit:contain!important;
  align-self:center!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel-body{
  padding:10px 12px!important;
  background:#ffffff!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel-body--cal{
  padding:6px 10px 8px!important;
}
/* Ancho completo: sin “columna” estrecha centrada (el grid 7×1fr aprovecha el ancho) */
#pg-cal.eventos-serio-v1 .cal-serio-panel--calendar .cal-serio-block{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-block{
  background:linear-gradient(180deg,#ffffff,#fafbfc)!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  padding:8px 10px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 4px rgba(15,23,42,.04)!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-nav{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  margin-bottom:6px!important;
  gap:8px!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-tit{
  font-weight:800!important;
  font-size:13px!important;
  color:#111827!important;
  text-align:center!important;
  flex:1!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  min-width:0!important;
  line-height:1.2!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-nav-btn{
  border-radius:8px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  color:#111827!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  font-size:14px!important;
  padding:0 4px!important;
  font-weight:900!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 2px rgba(15,23,42,.06)!important;
  flex-shrink:0!important;
}
#pg-cal.eventos-serio-v1 .cal-grid{
  margin-top:4px!important;
  gap:2px!important;
}
#pg-cal.eventos-serio-v1 .cday{
  border-radius:6px!important;
  box-sizing:border-box!important;
  font-size:10px!important;
}
#pg-cal.eventos-serio-v1 .cday.sel{
  z-index:1!important;
  background:var(--manto-btn-b2-bg)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
  transform:none!important;
  font-weight:900!important;
}
#pg-cal.eventos-serio-v1 .cday.today:not(.sel){
  color:#374151!important;
  font-weight:900!important;
  border:1px solid #cbd5e1!important;
  background:#f8fafc!important;
}
#pg-cal.eventos-serio-v1 .cday-dot--ev{
  background:#94a3b8!important;
}
#pg-cal.eventos-serio-v1 .cday.sel .cday-dot--ev{
  background:#e2e8f0!important;
}
#pg-cal.eventos-serio-v1 .cday.sel .cday-dot--ok{
  background:#86efac!important;
}
#pg-cal.eventos-serio-v1 .cday.sel .cday-dot--miss{
  background:#fca5a5!important;
}
#pg-cal.eventos-serio-v1 .chdr{
  color:#64748b!important;
  font-weight:800!important;
  font-size:9px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  padding:2px 0 3px!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  margin-bottom:8px!important;
  padding:10px 12px!important;
  gap:8px!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
  border-left:3px solid #64748b!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-row:last-child{
  margin-bottom:0!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-row{
  margin-bottom:8px!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 1px 4px rgba(15,23,42,.05)!important;
  border-left:3px solid #64748b!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-row:last-child{
  margin-bottom:0!important;
}
/* Próximos eventos — filas más compactas (menos alto por ítem) */
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row{
  margin-bottom:5px!important;
  padding:6px 8px!important;
  border-radius:8px!important;
  border-left-width:2px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(15,23,42,.04)!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row:last-child{
  margin-bottom:0!important;
}
/* Franja de atajos por icono (NEW MODAL / SERIO — calendario arriba intacto) */
#pg-cal.eventos-serio-v1 .cal-serio-agenda-rail{
  margin:0!important;
  padding:14px 14px 16px!important;
  border-radius:14px!important;
  border:var(--manto-serio-panel-borde)!important;
  background:linear-gradient(165deg,#ffffff 0%,#f8fafc 45%,#eef2f6 100%)!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-agenda-rail__kicker{
  margin:0 0 8px 0!important;
  padding:0 2px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Misma lógica que #pg-dash .dash-tab-panel.dash-alertas-tab--hub .dash-hub-app-grid: 4 en una fila. */
#pg-cal.eventos-serio-v1 .cal-serio-agenda-rail__grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
/* Piel Pebble / hub Alertas (icono + título, criterio dash Alertas) */
#pg-cal.eventos-serio-v1 .cal-agenda-app-card{
  position:relative!important;
  aspect-ratio:1!important;
  max-width:none!important;
  width:100%!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  padding:10px 4px 8px!important;
  border-radius:14px!important;
  background:
    radial-gradient(140% 120% at 50% 120%, rgba(148,163,184,0) 58%, rgba(148,163,184,.18) 100%),
    linear-gradient(168deg,#ffffff 0%,#f5f8fc 52%,#e8edf4 100%)!important;
  border:1px solid #cbd5e1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(148,163,184,.18),
    0 1px 2px rgba(15,23,42,.06),
    0 4px 10px rgba(15,23,42,.04)!important;
  cursor:pointer!important;
  font:inherit!important;
  color:inherit!important;
  overflow:hidden!important;
  isolation:isolate!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .22s ease,background .22s ease!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-24px; right:-24px;
  width:72px; height:72px;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 68%)!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:.55!important;
  transition:opacity .22s ease, transform .22s ease!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%; bottom:-28px;
  width:78%; height:46px;
  transform:translateX(-50%)!important;
  background:radial-gradient(50% 70% at 50% 30%, rgba(100,116,139,.18) 0%, rgba(100,116,139,0) 75%)!important;
  pointer-events:none!important;
  z-index:0!important;
  opacity:0!important;
  transition:opacity .22s ease!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card > *{
  position:relative!important;
  z-index:1!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card__lbl{
  display:block!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  letter-spacing:.01em!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  hyphens:auto!important;
  overflow-wrap:anywhere!important;
  min-width:0!important;
  width:100%!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card__ico{
  display:block!important;
  width:40px!important;
  height:40px!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  border-radius:14px!important;
  padding:6px!important;
  background:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(155deg,#ffffff 0%,#eef2f7 48%,#d7dee8 100%)!important;
  border:1px solid #b8c2cf!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(148,163,184,.28),
    0 2px 4px rgba(15,23,42,.1),
    0 6px 14px rgba(15,23,42,.06)!important;
  filter:drop-shadow(0 1px 2px rgba(15,23,42,.18))!important;
  flex-shrink:0!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease,border-color .22s ease!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card:hover{
  transform:translateY(-2px)!important;
  border-color:#94a3b8!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 4px rgba(15,23,42,.06),
    0 10px 22px rgba(15,23,42,.1)!important;
  background:
    radial-gradient(140% 120% at 50% 120%, rgba(148,163,184,0) 55%, rgba(148,163,184,.22) 100%),
    linear-gradient(168deg,#ffffff 0%,#f7fafc 50%,#e4eaf2 100%)!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card:hover::before{
  opacity:.85!important;
  transform:translate(-3px,3px)!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card:hover::after{ opacity:1!important; }
#pg-cal.eventos-serio-v1 .cal-agenda-app-card:hover .cal-agenda-app-card__ico{
  transform:translateY(-2px) scale(1.04)!important;
  border-color:#94a3b8!important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(155deg,#ffffff 0%,#f1f5f9 48%,#cdd5e0 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(100,116,139,.35),
    0 4px 8px rgba(15,23,42,.14),
    0 10px 22px rgba(15,23,42,.1)!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card:active{
  transform:translateY(0) scale(.98)!important;
  box-shadow:
    inset 0 1px 2px rgba(15,23,42,.08),
    0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-cal.eventos-serio-v1 .cal-agenda-app-card:focus-visible{
  outline:none!important;
  border-color:#64748b!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 0 3px rgba(100,116,139,.22),
    0 8px 18px rgba(15,23,42,.1)!important;
}
@media (min-width:520px){
  #pg-cal.eventos-serio-v1 .cal-agenda-app-card__ico{
    width:44px!important;
    height:44px!important;
  }
}
@media (max-width:360px){
  #pg-cal.eventos-serio-v1 .cal-agenda-app-card__lbl{ font-size:10px!important; }
}
body.light #pg-cal.eventos-serio-v1 .cal-agenda-app-card{
  background:
    radial-gradient(140% 120% at 50% 120%, rgba(148,163,184,0) 58%, rgba(148,163,184,.14) 100%),
    linear-gradient(168deg,#ffffff 0%,#f9fafb 52%,#eef1f5 100%)!important;
}
/* Próximos: fila título + «Próximos eventos» a la derecha (volver desde historial) */
#pg-cal.eventos-serio-v1 .cal-prox-head-row{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-htit-wrap{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  width:auto!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-volver{
  flex:0 1 auto!important;
  max-width:50%!important;
  margin:0!important;
  -webkit-tap-highlight-color:transparent!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.2!important;
}
#pg-cal.eventos-serio-v1 #cal-prox-volver[hidden]{
  display:none!important;
}
/* Mismo aspecto que «Ver» (doble #id vence a .cal-ev-btn--pri suelto más abajo) */
#pg-cal.eventos-serio-v1 #cal-prox-volver.cal-ev-btn--pri{
  min-height:30px!important;
  max-height:32px!important;
  height:auto!important;
  padding:0 10px!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  font-size:12px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-cal.eventos-serio-v1 #cal-prox-volver.cal-ev-btn--pri:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-cal.eventos-serio-v1 #cal-prox-volver.cal-ev-btn--pri:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-cal.eventos-serio-v1 #cal-prox-volver.cal-ev-btn--pri:focus-visible{
  outline:2px solid #64748b!important;
  outline-offset:2px!important;
}
/* Paneles «día» y «próximos»: cabecera con hint (calendario primer bloque sin tocar) */
#pg-cal.eventos-serio-v1 .cal-serio-panel-h--stack{
  align-items:flex-start!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--dia .cal-serio-panel-h--stack{
  padding:8px 10px!important;
}
/* Próximos: una sola regla de padding (h + h--stack = mismo nodo: evitá padding-bottom:0 que choca el border con el hint) */
#pg-cal.eventos-serio-v1 .cal-serio-panel--prox .cal-serio-panel-h.cal-serio-panel-h--stack{
  display:flex!important;
  flex-direction:row!important;
  padding:8px 12px 6px 12px!important;
  overflow:visible!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--prox .cal-serio-panel-h{
  align-items:stretch!important;
  overflow:visible!important;
  /* no padding: lo define .cal-serio-panel-h.cal-serio-panel-h--stack arriba (misma cápsula) */
}
#pg-cal.eventos-serio-v1 .cal-serio-panel-h-text{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
  width:100%!important;
  flex:1 1 auto!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--prox .cal-serio-panel-h-text{
  overflow:visible!important;
  gap:4px!important;
  flex:1 1 auto!important;
  min-height:auto!important;
  width:100%!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--prox .cal-prox-head-row{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--dia .pes-serio-panel-htit-wrap{
  align-items:center!important;
  width:100%!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}
/* Títulos dinámicos: tipografía unificada vía styles.css (HEADER BLOQUE); no forzar 13px aquí */
#pg-cal.eventos-serio-v1 .serio-v1-title-box--header-bloque #cal-ev-lbl,
#pg-cal.eventos-serio-v1 .serio-v1-title-box--header-bloque #cal-prox-tit{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel-hint{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.45!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--dia .cal-serio-panel-hint{
  margin:0!important;
  padding:0!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel--dia .cal-serio-panel-hint,
#pg-cal.eventos-serio-v1 .cal-serio-panel--prox .cal-serio-panel-hint{
  max-width:100%!important;
}
/* Próximos: subtítulo — sin z-index (si no, el párrafo pinta encima de la 1.ª fila de la lista) */
#pg-cal.eventos-serio-v1 .cal-serio-panel--prox #cal-prox-hint.cal-serio-panel-hint,
#pg-cal.eventos-serio-v1 .cal-serio-panel--prox p#cal-prox-hint{
  margin:0!important;
  padding:0!important;
  line-height:1.45!important;
  overflow:visible!important;
  display:block!important;
  flex-shrink:0!important;
  position:static!important;
  z-index:auto!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel-body--lista{
  padding-top:8px!important;
}
/* Próximos: lista; padding-top moderado (el borde del h ya separa) */
#pg-cal.eventos-serio-v1 .cal-serio-panel--prox .cal-serio-panel-body--lista,
#pg-cal.eventos-serio-v1 .ev-cal-pv-20260422 .cal-serio-panel-body--lista{
  padding:6px 10px 8px 10px!important;
}
#pg-cal.eventos-serio-v1 .cal-list-host{
  min-height:0!important;
}
#pg-cal.eventos-serio-v1 .cal-list-empty{
  padding:14px 12px!important;
  text-align:center!important;
  border-radius:10px!important;
  border:1px dashed #cbd5e1!important;
  background:#f8fafc!important;
}
#pg-cal.eventos-serio-v1 .cal-list-empty .empty-txt{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.45!important;
}
/* Lista del día: tipo + título */
#pg-cal.eventos-serio-v1 .cal-ev-row{
  align-items:flex-start!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-item__main{
  flex:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-item__tipo{
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-item__title{
  font-size:13px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.35!important;
  word-break:break-word!important;
}
/* Próximos: fecha en columna + cuerpo + CTA */
#pg-cal.eventos-serio-v1 .cal-prox-item__grid{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:10px 12px!important;
  align-items:start!important;
  width:100%!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__grid{
  gap:6px 8px!important;
  align-items:center!important;
}
@media (max-width:520px){
  #pg-cal.eventos-serio-v1 .cal-prox-item__grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  #pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__grid{
    gap:6px!important;
  }
  #pg-cal.eventos-serio-v1 .cal-prox-item__date-wrap{
    flex-direction:row!important;
    align-items:baseline!important;
    gap:8px!important;
    width:100%!important;
    border-bottom:1px solid #e2e8f0!important;
    padding-bottom:8px!important;
  }
  #pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__date-wrap{
    padding-bottom:6px!important;
  }
  #pg-cal.eventos-serio-v1 .cal-prox-item__cta{
    justify-self:stretch!important;
  }
  #pg-cal.eventos-serio-v1 .cal-prox-item__cta .cal-ev-btn--pri{
    width:100%!important;
  }
}
#pg-cal.eventos-serio-v1 .cal-prox-item__date-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  min-width:52px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__date-wrap{
  min-width:44px!important;
  padding:4px 6px!important;
  border-radius:8px!important;
  gap:1px!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__date-d{
  font-size:18px!important;
  font-weight:900!important;
  color:#111827!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__date-d{
  font-size:14px!important;
  font-weight:800!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__date-my{
  font-size:10px!important;
  font-weight:700!important;
  color:#64748b!important;
  text-align:center!important;
  line-height:1.2!important;
  max-width:72px!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__date-my{
  font-size:9px!important;
  max-width:64px!important;
  line-height:1.15!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__body{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__body{
  gap:2px!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__tipo{
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__tipo{
  font-size:9px!important;
  letter-spacing:.05em!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__title{
  font-size:13px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.35!important;
  word-break:break-word!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__title{
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__desc{
  font-size:12px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__desc{
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:500!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__cta{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  padding-top:2px!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__cta{
  align-items:center!important;
  padding-top:0!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-actions{
  display:flex!important;
  gap:6px!important;
  flex-shrink:0!important;
  margin-left:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-btn{
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 10px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* «Ver» / «Ver →»: misma piel que «Nuevo evento» del hero (tokens toolbar --manto-tbar-*). */
#pg-cal.eventos-serio-v1 .cal-ev-btn.cal-ev-btn--pri{
  min-height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  font-size:13px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-btn.cal-ev-btn--pri:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-btn.cal-ev-btn--pri:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-btn--edit{
  background:#ffffff!important;
  border:1px solid #cbd5e1!important;
  color:#111827!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-btn--del{
  background:var(--manto-btn-danger-bg)!important;
  border:var(--manto-btn-danger-border)!important;
  color:var(--manto-btn-danger-color)!important;
  -webkit-text-fill-color:var(--manto-btn-danger-color)!important;
  box-shadow:var(--manto-btn-danger-shadow)!important;
}
#pg-cal.eventos-serio-v1 .cal-ev-btn--ver{
  background:#f8fafc!important;
  border:1px solid #cbd5e1!important;
  color:#334155!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos button.cal-ev-btn--pri,
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row button.cal-ev-btn--pri{
  min-height:30px!important;
  max-height:32px!important;
  padding:0 10px!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  font-size:12px!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos button.cal-ev-btn--pri:hover,
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row button.cal-ev-btn--pri:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos button.cal-ev-btn--pri:active,
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row button.cal-ev-btn--pri:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-cal.eventos-serio-v1 .cal-ev-btn.cal-ev-btn--pri,
body.light #pg-cal.eventos-serio-v1 #cal-prox-volver.cal-ev-btn--pri,
body.light #pg-cal.eventos-serio-v1 #cal-proximos button.cal-ev-btn--pri,
body.light #pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row button.cal-ev-btn--pri{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-cal.eventos-serio-v1 .cal-ev-btn.cal-ev-btn--pri:hover,
body.light #pg-cal.eventos-serio-v1 #cal-prox-volver.cal-ev-btn--pri:hover,
body.light #pg-cal.eventos-serio-v1 #cal-proximos button.cal-ev-btn--pri:hover,
body.light #pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row button.cal-ev-btn--pri:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-cal.eventos-serio-v1 .cal-ev-btn.cal-ev-btn--pri:active,
body.light #pg-cal.eventos-serio-v1 #cal-prox-volver.cal-ev-btn--pri:active,
body.light #pg-cal.eventos-serio-v1 #cal-proximos button.cal-ev-btn--pri:active,
body.light #pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row button.cal-ev-btn--pri:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}

/* ══ Próximos eventos — fila compacta Pebble Vida (2026-04) · alineado NEW MODAL / tokens Manto ══ */
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row.cal-prox-row--pv,
#pg-cal.eventos-serio-v1 .cal-prox-row.cal-prox-row--pv{
  margin:0 0 6px!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-left:none!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-row.cal-prox-row--pv:last-child{
  margin-bottom:0!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvrow{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  border:1px solid #d1d9e2!important;
  background:linear-gradient(168deg, #ffffff 0%, #f7fafc 45%, #edf2f7 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -1px 0 rgba(15,23,42,.04),
    0 1px 2px rgba(15,23,42,.06),
    0 2px 8px rgba(15,23,42,.06)!important;
  position:relative!important;
  overflow:hidden!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvrow::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:8px!important;
  right:8px!important;
  height:1px!important;
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.9) 50%, transparent 100%)!important;
  pointer-events:none!important;
  z-index:1!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__date-chip{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:4.6rem!important;
  padding:3px 5px!important;
  border-radius:8px!important;
  border:1px solid #d1d9e2!important;
  background:linear-gradient(180deg, #f8fafc, #e2e8f0)!important;
  text-align:center!important;
  line-height:1.15!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__dmono{
  display:block!important;
  font-size:9.5px!important;
  font-weight:800!important;
  color:#0f172a!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:.01em!important;
  white-space:normal!important;
  word-break:break-word!important;
  font-variant-numeric:tabular-nums!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvtext{
  flex:1 1 0!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
  position:relative!important;
  z-index:2!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvhead{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px 6px!important;
  min-width:0!important;
  line-height:1.2!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvice{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvice--emo{
  width:auto!important;
  min-width:14px!important;
  font-size:12px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvtip{
  flex:0 0 auto!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  padding:1px 4px!important;
  border-radius:4px!important;
  background:rgba(241,245,249,.95)!important;
  border:1px solid #e2e8f0!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvtit{
  flex:1 1 100px!important;
  min-width:0!important;
  font-size:12.5px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.25!important;
  word-break:break-word!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvsub{
  font-size:10.5px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.25!important;
  padding:0 0 0 1px!important;
  max-height:2.6em!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-prox-item__pvcta{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  position:relative!important;
  z-index:2!important;
}
#pg-cal.eventos-serio-v1 #cal-proximos .cal-prox-item__verbtn.cal-ev-btn--pri{
  min-height:28px!important;
  max-height:30px!important;
  padding:0 9px!important;
  font-size:11.5px!important;
}
@media (max-width:360px){
  #pg-cal.eventos-serio-v1 .cal-prox-item__pvrow{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }
  #pg-cal.eventos-serio-v1 .cal-prox-item__pvcta{
    width:100%!important;
    justify-content:flex-end!important;
    margin-top:2px!important;
  }
}

#pg-cal.eventos-serio-v1 .cal-serio-panel-body .empty{
  text-align:center!important;
  padding:18px 12px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-cal.eventos-serio-v1 .cal-serio-panel-body .empty-txt{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}

/* Modales evento / usuarios / centro app / tools: cabecera seria */
/* Paleta unificada SLATE: fondo y borde del header del token canónico. */
#m-usr.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-h,
#m-cambiar-pin.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-h,
#m-actividad.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-h,
#m-nueva-finca.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-h,
#m-bk-regs.evento-modal-serio-v1 .ev-modal-h,
#m-tool-fotos.evento-modal-serio-v1 .ev-modal-h,
#m-tool-exportar.evento-modal-serio-v1 .ev-modal-h,
#m-tool-importar.evento-modal-serio-v1 .ev-modal-h,
#m-tool-ganadero.evento-modal-serio-v1 .ev-modal-h{
  background:var(--modal-header-bg)!important;
  padding:10px 12px!important;
  margin:-16px -16px 14px!important;
  border-bottom:var(--borde-fuerte)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#m-usr.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-tit-row,
#m-cambiar-pin.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-tit-row,
#m-actividad.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-tit-row,
#m-nueva-finca.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-tit-row,
#m-bk-regs.evento-modal-serio-v1 .ev-modal-tit-row,
#m-tool-fotos.evento-modal-serio-v1 .ev-modal-tit-row,
#m-tool-exportar.evento-modal-serio-v1 .ev-modal-tit-row,
#m-tool-importar.evento-modal-serio-v1 .ev-modal-tit-row,
#m-tool-ganadero.evento-modal-serio-v1 .ev-modal-tit-row{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-usr.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-ico,
#m-cambiar-pin.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-ico,
#m-actividad.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-ico,
#m-nueva-finca.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-ico,
#m-bk-regs.evento-modal-serio-v1 .ev-modal-ico,
#m-tool-fotos.evento-modal-serio-v1 .ev-modal-ico,
#m-tool-exportar.evento-modal-serio-v1 .ev-modal-ico,
#m-tool-importar.evento-modal-serio-v1 .ev-modal-ico,
#m-tool-ganadero.evento-modal-serio-v1 .ev-modal-ico{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  display:block!important;
  flex-shrink:0!important;
}
#m-usr.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-back,
#m-cambiar-pin.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-back,
#m-actividad.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-back,
#m-nueva-finca.evento-modal-serio-v1:not(.bitacora-serio-v2) .ev-modal-back,
#m-tool-fotos.evento-modal-serio-v1 .ev-modal-back,
#m-tool-exportar.evento-modal-serio-v1 .ev-modal-back,
#m-tool-importar.evento-modal-serio-v1 .ev-modal-back,
#m-tool-ganadero.evento-modal-serio-v1 .ev-modal-back{
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  border-radius:var(--manto-serio-radius,5px)!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
  transition:background .15s,border-color .15s,box-shadow .15s,opacity .12s!important;
}
#m-usr.evento-modal-serio-v1:not(.bitacora-serio-v2) .fi,
#m-usr.evento-modal-serio-v1:not(.bitacora-serio-v2) .flbl,
#m-cambiar-pin.evento-modal-serio-v1:not(.bitacora-serio-v2) .fi,
#m-cambiar-pin.evento-modal-serio-v1:not(.bitacora-serio-v2) .flbl,
#m-actividad.evento-modal-serio-v1:not(.bitacora-serio-v2) .fi,
#m-actividad.evento-modal-serio-v1:not(.bitacora-serio-v2) .flbl,
#m-nueva-finca.evento-modal-serio-v1:not(.bitacora-serio-v2) .fi,
#m-nueva-finca.evento-modal-serio-v1:not(.bitacora-serio-v2) .flbl,
#m-backup.evento-modal-serio-v1 .fi,
#m-backup.evento-modal-serio-v1 .flbl,
#m-bk-regs.evento-modal-serio-v1 .fi,
#m-bk-regs.evento-modal-serio-v1 .flbl,
#m-tool-fotos.evento-modal-serio-v1 .fi,
#m-tool-fotos.evento-modal-serio-v1 .flbl,
#m-tool-exportar.evento-modal-serio-v1 .fi,
#m-tool-exportar.evento-modal-serio-v1 .flbl,
#m-tool-importar.evento-modal-serio-v1 .fi,
#m-tool-importar.evento-modal-serio-v1 .flbl,
#m-tool-ganadero.evento-modal-serio-v1 .fi,
#m-tool-ganadero.evento-modal-serio-v1 .flbl{
  border-radius:4px!important;
}
#m-usr.evento-modal-serio-v1:not(.bitacora-serio-v2) .fi,
#m-cambiar-pin.evento-modal-serio-v1:not(.bitacora-serio-v2) .fi,
#m-actividad.evento-modal-serio-v1:not(.bitacora-serio-v2) .fi,
#m-nueva-finca.evento-modal-serio-v1:not(.bitacora-serio-v2) .fi,
#m-backup.evento-modal-serio-v1 .fi,
#m-bk-regs.evento-modal-serio-v1 .fi,
#m-tool-fotos.evento-modal-serio-v1 .fi,
#m-tool-exportar.evento-modal-serio-v1 .fi,
#m-tool-importar.evento-modal-serio-v1 .fi,
#m-tool-ganadero.evento-modal-serio-v1 .fi{
  border-color:#cfd4dc!important;
}
/* Menú búsqueda header (#m-buscar-menu): NEW MODAL — ver public/styles.css */

/* Microchip (#m-microchip-scan): estilos en public/styles.css — bloque #m-microchip-scan */
/* Búsqueda header (#m-bsq-ani): filas resultado + ayuda campo */
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-field-hint{
  font-size:11px;line-height:1.45;color:#64748b;margin:0 0 10px;padding:0;
}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-list{margin-top:0;}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-hint,
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-empty{font-size:12px;color:#64748b;line-height:1.45;}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;
  padding:10px 12px;margin:0 0 6px;border:1px solid var(--manto-tab-vitreo-borde,#cbd5e1);border-radius:var(--manto-serio-radius,5px);
  background:#fff;cursor:pointer;font:inherit;box-sizing:border-box;
}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-row:hover{background:#f8fafc;}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-row:focus-visible{outline:2px solid #64748b;outline-offset:2px;}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-row__text{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-row__tit{font-weight:800;color:#111827;font-size:14px;}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-row__sub{font-size:12px;color:#64748b;}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-row__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-badge{
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
  padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;
}
#m-bsq-ani.bitacora-serio-v2 .bsq-ani-row__cta{flex-shrink:0;font-size:12px;font-weight:800;color:#475569;}

/* Tools — emoji en cabecera Bitácora (modales sheet) */
.tools-bit-ico-emoji{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex-shrink:0;
  font-size:22px;
  line-height:1;
}
.bitacora-serio-v2.tools-sheet .tools-bitacora-acts,
.bitacora-serio-v2.tools-action-modal .tools-bitacora-acts,
#m-papelera-conf.bitacora-serio-v2 .tools-bitacora-acts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:stretch;
}
.bitacora-serio-v2.tools-action-modal .tools-action-body{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Tools modales Excel/Fotos (cabecera ahora Bitácora; reglas tool-ev-h heredan solo si quedara HTML viejo) */
#m-tool-fotos.evento-modal-serio-v1 .tool-ev-h,
#m-tool-exportar.evento-modal-serio-v1 .tool-ev-h,
#m-tool-importar.evento-modal-serio-v1 .tool-ev-h,
#m-tool-ganadero.evento-modal-serio-v1 .tool-ev-h{
  flex-wrap:nowrap!important;
  justify-content:space-between!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-ev-h-mid,
#m-tool-exportar.evento-modal-serio-v1 .tool-ev-h-mid,
#m-tool-importar.evento-modal-serio-v1 .tool-ev-h-mid,
#m-tool-ganadero.evento-modal-serio-v1 .tool-ev-h-mid{
  flex:1!important;
  min-width:0!important;
  text-align:center!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-ev-h-mid .ev-modal-tit-row,
#m-tool-exportar.evento-modal-serio-v1 .tool-ev-h-mid .ev-modal-tit-row,
#m-tool-importar.evento-modal-serio-v1 .tool-ev-h-mid .ev-modal-tit-row,
#m-tool-ganadero.evento-modal-serio-v1 .tool-ev-h-mid .ev-modal-tit-row{
  justify-content:center!important;
  width:100%!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-ev-h-sub,
#m-tool-exportar.evento-modal-serio-v1 .tool-ev-h-sub,
#m-tool-importar.evento-modal-serio-v1 .tool-ev-h-sub,
#m-tool-ganadero.evento-modal-serio-v1 .tool-ev-h-sub{
  font-size:11px!important;
  color:#64748b!important;
  font-weight:600!important;
  margin-top:2px!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-ev-h-x,
#m-tool-exportar.evento-modal-serio-v1 .tool-ev-h-x,
#m-tool-importar.evento-modal-serio-v1 .tool-ev-h-x,
#m-tool-ganadero.evento-modal-serio-v1 .tool-ev-h-x{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
  border-radius:4px!important;
  width:34px!important;
  height:34px!important;
  font-size:16px!important;
  font-weight:800!important;
  cursor:pointer!important;
  flex-shrink:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
}
#m-tool-fotos.evento-modal-serio-v1 .ev-modal-h.tool-ev-h,
#m-tool-exportar.evento-modal-serio-v1 .ev-modal-h.tool-ev-h,
#m-tool-importar.evento-modal-serio-v1 .ev-modal-h.tool-ev-h,
#m-tool-ganadero.evento-modal-serio-v1 .ev-modal-h.tool-ev-h{
  margin:0 0 0!important;
  border-radius:0!important;
}

/* TOOLS — menú: ventana seria + cabecera azul + tarjetas con color (referencia histórica) */
.tools-serio-v1 .tools-serio-overlay{
  position:fixed!important;
  inset:0!important;
  background:rgba(15,23,42,.76)!important;
  backdrop-filter:blur(6px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  z-index:9600!important;
}
.tools-serio-v1 .tools-serio-card{
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  width:100%!important;
  max-width:520px!important;
  overflow:hidden!important;
  box-shadow:0 8px 28px rgba(15,23,42,.1)!important;
}
.tools-serio-v1 .tools-serio-h{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 16px!important;
  background:linear-gradient(135deg,#0f172a,#1e3a8a,#2563eb)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.tools-serio-v1 .tools-serio-h-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.tools-serio-v1 .tools-serio-h-ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))!important;
}
.tools-serio-v1 .tools-serio-h-tit{
  font-size:17px!important;
  font-weight:900!important;
  color:#ffffff!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:-.02em!important;
}
.tools-serio-v1 .tools-serio-h-sub{
  font-size:12px!important;
  color:rgba(255,255,255,.68)!important;
  font-weight:600!important;
  margin-top:3px!important;
}
.tools-serio-v1 .tools-serio-close{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#ffffff!important;
  border-radius:50%!important;
  width:36px!important;
  height:36px!important;
  font-size:17px!important;
  font-weight:800!important;
  cursor:pointer!important;
  flex-shrink:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
}
.tools-serio-v1 .tools-serio-close:hover{
  background:rgba(255,255,255,.2)!important;
}
.tools-serio-v1 .tools-serio-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  padding:16px!important;
  background:var(--superficie-pagina)!important;
}
.tools-serio-v1 .tools-serio-tile{
  border-radius:4px!important;
  padding:16px 14px!important;
  cursor:pointer!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
  text-align:left!important;
  border:1.5px solid transparent!important;
  position:relative!important;
  overflow:hidden!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
.tools-serio-v1 .tools-serio-tile:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 4px 14px rgba(15,23,42,.1)!important;
}
.tools-serio-v1 .tools-serio-tile--fotos{
  background:linear-gradient(145deg,#0f172a 0%,#1e1b4b 55%,#312e81 100%)!important;
  border-color:#4f46e5!important;
}
.tools-serio-v1 .tools-serio-tile--export{
  background:var(--manto-btn-b2-bg)!important;
  border-color:rgba(51,65,85,.55)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
.tools-serio-v1 .tools-serio-tile--import{
  background:linear-gradient(145deg,#1c0a00 0%,#431407 100%)!important;
  border-color:#92400e!important;
}
.tools-serio-v1 .tools-serio-tile--ganadero{
  background:linear-gradient(145deg,#1a0030 0%,#2e1065 100%)!important;
  border-color:#5b21b6!important;
}
.tools-serio-v1 .tools-serio-tile--fotos:hover{ border-color:#818cf8!important; }
.tools-serio-v1 .tools-serio-tile--export:hover{ border-color:#6b7280!important; }
.tools-serio-v1 .tools-serio-tile--import:hover{ border-color:#f59e0b!important; }
.tools-serio-v1 .tools-serio-tile--ganadero:hover{ border-color:#a78bfa!important; }
.tools-serio-v1 .tools-serio-tile-ico{
  width:48px!important;
  height:48px!important;
  border-radius:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  box-shadow:0 4px 14px rgba(0,0,0,.25)!important;
}
.tools-serio-v1 .tools-serio-tile--fotos .tools-serio-tile-ico{
  background:linear-gradient(135deg,#4f46e5,#6366f1)!important;
  border:1px solid rgba(255,255,255,.2)!important;
}
.tools-serio-v1 .tools-serio-tile--export .tools-serio-tile-ico{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
.tools-serio-v1 .tools-serio-tile--import .tools-serio-tile-ico{
  background:linear-gradient(135deg,#d97706,#f59e0b)!important;
  border:1px solid rgba(255,255,255,.2)!important;
}
.tools-serio-v1 .tools-serio-tile--ganadero .tools-serio-tile-ico{
  background:linear-gradient(135deg,#7c3aed,#a78bfa)!important;
  border:1px solid rgba(255,255,255,.2)!important;
}
.tools-serio-v1 .tools-serio-tile-ico img{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
}
.tools-serio-v1 .tools-serio-tile-tit{
  font-size:14px!important;
  font-weight:900!important;
  color:#f8fafc!important;
}
.tools-serio-v1 .tools-serio-tile-desc{
  font-size:11px!important;
  color:rgba(255,255,255,.72)!important;
  line-height:1.45!important;
}
.tools-serio-v1 .tools-serio-tile-badge{
  font-size:10px!important;
  font-weight:800!important;
  border-radius:999px!important;
  padding:4px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
}
.tools-serio-v1 .tools-serio-tile--fotos .tools-serio-tile-badge{
  background:#312e81!important;
  color:#c7d2fe!important;
  border:1px solid rgba(129,140,248,.35)!important;
}
.tools-serio-v1 .tools-serio-tile--export .tools-serio-tile-badge{
  background:#14532d!important;
  color:#bbf7d0!important;
  border:1px solid rgba(74,222,128,.35)!important;
}
.tools-serio-v1 .tools-serio-tile--import .tools-serio-tile-badge{
  background:#431407!important;
  color:#fde68a!important;
  border:1px solid rgba(251,191,36,.35)!important;
}
.tools-serio-v1 .tools-serio-tile--ganadero .tools-serio-tile-badge{
  background:#2e1065!important;
  color:#ddd6fe!important;
  border:1px solid rgba(167,139,250,.35)!important;
}
.tools-serio-v1 .tools-serio-tile-badge img{
  width:12px!important;
  height:12px!important;
  object-fit:contain!important;
}

/* Tools: módulos — acento en cabecera + cuerpo serio */
#m-tool-fotos.evento-modal-serio-v1 .ev-modal-h.tool-ev-h.tool-ev-h--fotos{
  border-bottom:2px solid #6366f1!important;
}
#m-tool-exportar.evento-modal-serio-v1 .ev-modal-h.tool-ev-h.tool-ev-h--exp{
  border-bottom:2px solid #16a34a!important;
}
#m-tool-importar.evento-modal-serio-v1 .ev-modal-h.tool-ev-h.tool-ev-h--imp{
  border-bottom:2px solid #d97706!important;
}
#m-tool-ganadero.evento-modal-serio-v1 .ev-modal-h.tool-ev-h.tool-ev-h--gan{
  border-bottom:2px solid #7c3aed!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-toolbar,
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-rangos,
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-prog,
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-footer{
  flex-shrink:0!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-toolbar{
  padding:10px 14px!important;
  border-bottom:1px solid #e2e8f0!important;
  background:#f8fafc!important;
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-rangos{
  padding:8px 14px!important;
  border-bottom:1px solid #e2e8f0!important;
  background:var(--superficie-pagina)!important;
  display:flex!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-prog{
  padding:6px 14px!important;
  background:#f8fafc!important;
  border-bottom:1px solid #e2e8f0!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-mosaico{
  overflow-y:auto!important;
  flex:1!important;
  min-height:120px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:10px!important;
  background:var(--superficie-pagina)!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-footer{
  padding:10px 14px!important;
  border-top:1px solid #e2e8f0!important;
  background:#f8fafc!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#m-tool-fotos.evento-modal-serio-v1 .tool-serio-input{
  width:100%!important;
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  border-radius:4px!important;
  padding:8px 10px 8px 32px!important;
  color:var(--t1)!important;
  font-size:13px!important;
  font-weight:600!important;
  outline:none!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-tool-exportar.evento-modal-serio-v1 .tool-serio-scroll,
#m-tool-importar.evento-modal-serio-v1 .tool-serio-scroll,
#m-tool-ganadero.evento-modal-serio-v1 .tool-serio-scroll{
  overflow-y:auto!important;
  flex:1 1 auto!important;
  min-height:0!important;
  padding:14px 16px 18px!important;
  background:var(--superficie-pagina)!important;
}
#m-tool-exportar.evento-modal-serio-v1 .tool-serio-sec-lbl,
#m-tool-importar.evento-modal-serio-v1 .tool-serio-sec-lbl{
  font-size:11px!important;
  font-weight:800!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  margin-bottom:8px!important;
}
#m-tool-exportar.evento-modal-serio-v1 .tool-serio-chk{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  background:#ffffff!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
  padding:8px 10px!important;
  cursor:pointer!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#111827!important;
}
#m-tool-exportar.evento-modal-serio-v1 .tool-serio-chk-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-bottom:16px!important;
}
#m-tool-exportar.evento-modal-serio-v1 .tool-serio-tb-row{
  display:flex!important;
  gap:6px!important;
  margin-bottom:14px!important;
}
#m-tool-exportar.evento-modal-serio-v1 .tool-serio-tb-row .tb{
  flex:1!important;
  min-width:0!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  border-radius:var(--manto-chip-ref-inner-r)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  font-size:var(--manto-period-sel-fs)!important;
  font-weight:var(--manto-period-sel-fw)!important;
  cursor:pointer!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-tool-exportar.evento-modal-serio-v1 .tool-serio-tb-row .tb.active{
  background:var(--manto-chip-ref-grad-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
}
#m-tool-importar.evento-modal-serio-v1 .tool-serio-imp-tabs{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin-bottom:14px!important;
}
#m-tool-importar.evento-modal-serio-v1 .tool-serio-imp-tabs .tb{
  padding:6px 10px!important;
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  color:#334155!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
#m-tool-importar.evento-modal-serio-v1 .tool-serio-imp-tabs .tb.active{
  background:var(--manto-btn-b2-bg)!important;
  color:var(--manto-btn-b2-color)!important;
  border:var(--manto-btn-b2-border)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#m-tool-importar.evento-modal-serio-v1 .tool-serio-panel{
  background:#ffffff!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
  padding:12px 14px!important;
  font-size:12px!important;
  color:#334155!important;
  margin-bottom:12px!important;
  line-height:1.55!important;
}
#m-tool-importar.evento-modal-serio-v1 .tool-serio-btn-file{
  display:block!important;
  width:100%!important;
  background:linear-gradient(135deg,#b45309,#d97706)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  color:#fff!important;
  border-radius:4px!important;
  padding:11px!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  text-align:center!important;
}
#m-tool-importar.evento-modal-serio-v1 .tool-serio-btn-plantilla{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  background:#ffffff!important;
  border:1px solid #cfd4dc!important;
  color:#111827!important;
  border-radius:4px!important;
  padding:11px!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
#m-tool-importar.evento-modal-serio-v1 .tool-serio-btn-plantilla__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}

/* Tools: Ganadero SG — NEW MODAL (overlay = .modal; tope alto en .mbox) */
#m-tool-ganadero.evento-modal-serio-v1{
  position:fixed!important;
  inset:0!important;
  overscroll-behavior:contain!important;
}
#m-tool-ganadero.bitacora-serio-v2.modal-nuevo .mbox.bitacora-mbox.ani-modal-serio-v2__mbox{
  max-height:min(94vh,calc(100dvh - 24px))!important;
  overflow:hidden!important;
}

/* Centro de la app — NEW MODAL (#m-backup): cáscara .bitacora-mbox transparente; fondo en .modal-serio-body */
#m-backup.serio-v2.bitacora-serio-v2.modal-nuevo .bk-serio-mbox.bitacora-mbox{
  border-radius:var(--manto-serio-radius,14px)!important;
  overflow:hidden!important;
}
#m-backup.serio-v2 .bk-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde,1px solid #d1d5db)!important;
  border-radius:var(--manto-serio-radius,4px)!important;
  margin-bottom:12px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
}
#m-backup.serio-v2 .bk-serio-panel--hero{
  padding:0!important;
}
#m-backup.serio-v2 .bk-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#m-backup.serio-v2 .bk-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#m-backup.serio-v2 .bk-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#m-backup.serio-v2 .bk-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#m-backup.serio-v2 .bk-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-backup.serio-v2 .bk-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:4px 0 0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-backup.serio-v2 .bk-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:520px){
  #m-backup.serio-v2 .bk-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#m-backup.serio-v2 .bk-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius,4px)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-backup.serio-v2 .bk-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#m-backup.serio-v2 .bk-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
#m-backup.serio-v2 .bk-serio-subpanel-h{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#m-backup.serio-v2 .bk-serio-subpanel-h__ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#m-backup.serio-v2 .bk-serio-subpanel-h__tit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-backup.serio-v2 .bk-serio-panel__body{
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
#m-backup.serio-v2 .bk-serio-panel--actions{
  padding:0!important;
}
#m-backup.serio-v2 .bk-serio-actions-hd{
  padding:9px 12px 6px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#m-backup.serio-v2 .bk-serio-actions-hd__tit{
  font-size:12px!important;
  font-weight:800!important;
  color:#374151!important;
  letter-spacing:.2px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-backup.serio-v2 .bk-serio-actions-hd__hint{
  font-size:10px!important;
  font-weight:600!important;
  color:#94a3b8!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-backup.serio-v2 .bk-serio-actions-body{
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
#m-backup.serio-v2 .bk-serio-panel__body .bk-serio-block{
  margin-bottom:0!important;
}

/* Centro de la app — paneles */
#m-backup.evento-modal-serio-v1 .bk-serio-estado{
  background:var(--superficie-pagina,#f8fafc)!important;
  border:1px solid var(--gris-300,#e2e8f0)!important;
  border-left:4px solid var(--gris-400,#94a3b8)!important;
  border-radius:4px!important;
  padding:10px 12px!important;
  margin-bottom:0!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-estado--sync #bk-estado-tit{
  color:#111827!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-estado-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-estado-sub{
  font-size:11px!important;
  color:#64748b!important;
  margin-top:5px!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-kpis{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-bottom:10px!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-kpi{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
  padding:8px 10px!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-kpi-lbl{
  font-size:10px!important;
  color:#64748b!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-kpi-val{
  font-size:12px!important;
  color:#111827!important;
  font-weight:800!important;
  margin-top:3px!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-block{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
  padding:8px 10px!important;
  margin-bottom:10px!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-acciones{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
/* Centro de la app — botones en bloques: misma piel gris-ok que pie NEW MODAL, 36px */
#m-backup.evento-modal-serio-v1 .bk-serio-btn,
#m-backup.evento-modal-serio-v1 .bk-serio-btn--pri,
#m-backup.evento-modal-serio-v1 .bk-serio-btn--blue,
#m-backup.evento-modal-serio-v1 .bk-serio-btn--teal,
#m-backup.evento-modal-serio-v1 .bk-serio-btn--amber,
#m-backup.evento-modal-serio-v1 .bk-serio-btn--vio,
#m-backup.evento-modal-serio-v1 .bk-serio-btn--sky{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:800!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:0 16px!important;
  line-height:1!important;
  box-sizing:border-box!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-btn:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-btn:active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
#m-backup.evento-modal-serio-v1 .bk-serio-btn img{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  margin:0!important;
  flex-shrink:0!important;
  display:block!important;
  align-self:center!important;
}
/* USUARIOS — SERIO V2 (usr-serio-* hero toolbar + paneles existentes) */
#pg-usr.usuarios-serio-v1{
  --usr-line:#cfd4dc;
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  min-height:auto!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-panel--hero{
  padding:0!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--usr-line)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-usr.usuarios-serio-v1 .usr-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-usr.usuarios-serio-v1 .usr-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
/* Toolbar bajo hero — ambos CTAs gris barra (--manto-tbar-*), misma altura que Leche/Finanzas */
#pg-usr.usuarios-serio-v1 .usr-serio-hero-toolbar{
  background:#fafbfc!important;
  border-top:1px solid #e8ecf0!important;
  box-sizing:border-box!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero-toolbar-inner{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:var(--manto-hero-toolbar-gap)!important;
  width:100%!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero-cta{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  max-height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.15!important;
  cursor:pointer!important;
  text-transform:none!important;
  letter-spacing:.1px!important;
  margin:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero-cta__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero-cta--tbar{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero-cta--tbar .usr-serio-hero-cta__ico{
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero-cta--tbar:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-hero-cta--tbar:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-usr.usuarios-serio-v1 .usr-serio-hero-cta--tbar{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  border-radius:12px!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
body.light #pg-usr.usuarios-serio-v1 .usr-serio-hero-cta--tbar:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-usr.usuarios-serio-v1 .usr-serio-hero-cta--tbar:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  /* Espacio entre bloques: 8px vía gap en .section-content (manto-hero-bloque-8px / styles) */
  margin-bottom:0!important;
  margin-top:0!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-panel--last{ margin-bottom:0!important; }
#pg-usr.usuarios-serio-v1 .usr-serio-panel-h{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  padding:10px 12px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--manto-serio-panel-borde)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-panel-htit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  letter-spacing:.01em!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-h-ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-inline{
  flex-shrink:0!important;
  padding:6px 12px!important;
  font-size:11px!important;
  font-weight:800!important;
  border-radius:var(--manto-tbar-radius)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-inline:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 2px 10px rgba(15,23,42,.08)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-panel-body{
  padding:12px!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-panel-body--list{
  padding:0!important;
  background:#ffffff!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-muted{
  font-size:12px!important;
  line-height:1.45!important;
  color:#64748b!important;
  margin:0 0 10px!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-placeholder{
  font-size:12px!important;
  color:#94a3b8!important;
  padding:12px!important;
  text-align:center!important;
  border:1px dashed #cbd5e1!important;
  border-radius:4px!important;
  background:#ffffff!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-bio-estado{
  font-size:12px!important;
  margin-bottom:10px!important;
  padding:8px 10px!important;
  border-radius:4px!important;
  border:1px solid #e2e8f0!important;
  background:#f8fafc!important;
  color:#334155!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-row{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-half{
  flex:1!important;
  min-width:140px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:8px 12px!important;
  font-size:12px!important;
  font-weight:800!important;
  border-radius:4px!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-pri-sm{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-pri-sm:hover{
  border-color:#3f4754!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-outline-sm{
  border:1px solid var(--manto-tbar-borde)!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-outline-sm:hover{
  border-color:#94a3b8!important;
  background:#f8fafc!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-ico-sm{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-user-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 12px!important;
  margin-bottom:8px!important;
  background:#ffffff!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
  cursor:pointer!important;
  transition:background .12s ease!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-user-row:last-child{ margin-bottom:0!important; }
#pg-usr.usuarios-serio-v1 .usr-serio-user-row:hover{
  background:#f8fafc!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-user-avatar{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  flex-shrink:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  box-sizing:border-box!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-user-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-user-meta{ flex:1!important; min-width:0!important; }
#pg-usr.usuarios-serio-v1 .usr-serio-user-nom{
  font-size:14px!important;
  font-weight:800!important;
  color:#111827!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-user-rol{
  font-size:11px!important;
  font-weight:700!important;
  margin-top:2px!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-user-chev{
  font-size:18px!important;
  color:#cbd5e1!important;
  flex-shrink:0!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-actividad{
  width:100%!important;
  margin-top:10px!important;
  padding:12px!important;
  font-size:13px!important;
  font-weight:800!important;
  border-radius:var(--manto-tbar-radius)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-usr.usuarios-serio-v1 .usr-serio-btn-actividad:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-usr.usuarios-serio-v1 .empty{
  padding:20px 12px!important;
  text-align:center!important;
  border:1px dashed #cbd5e1!important;
  border-radius:4px!important;
  background:#f8fafc!important;
}
#pg-usr.usuarios-serio-v1 .empty-txt{
  font-size:13px!important;
  color:#64748b!important;
}
.usr-serio-modal-actions{
  display:flex!important;
  gap:10px!important;
  margin-top:14px!important;
  flex-wrap:wrap!important;
}
.usr-serio-modal-actions .btn{
  flex:1!important;
  min-width:120px!important;
}
#m-usr .usr-serio-modal-hint{
  font-size:10px!important;
  color:#64748b!important;
  margin-top:6px!important;
  line-height:1.4!important;
}
#m-cambiar-pin .usr-serio-pin-card{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
  padding:12px!important;
  margin-bottom:14px!important;
  text-align:center!important;
}
#m-cambiar-pin .usr-serio-pin-nom{
  font-size:16px!important;
  font-weight:800!important;
  color:#111827!important;
}
#m-cambiar-pin .usr-serio-pin-rol{
  font-size:12px!important;
  color:#64748b!important;
  margin-top:4px!important;
  font-weight:600!important;
}
#m-actividad .usr-act-ayuda{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
  padding:8px 10px!important;
  font-size:11px!important;
  color:#475569!important;
  margin-bottom:10px!important;
  line-height:1.45!important;
}
#m-actividad .usr-act-ayuda b{
  color:#111827!important;
  font-weight:800!important;
}
#m-actividad .usr-act-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr auto!important;
  gap:6px!important;
  margin-bottom:10px!important;
  align-items:stretch!important;
}
#m-actividad .usr-act-tab{
  padding:8px 6px!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.15!important;
  white-space:normal!important;
  border-radius:4px!important;
}
#m-actividad .usr-act-tab-clear{
  padding:8px 6px!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.15!important;
  white-space:normal!important;
  border-radius:4px!important;
  border:1px solid #fecaca!important;
  background:#fef2f2!important;
  color:#991b1b!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-actividad .usr-act-tab-clear:hover{
  background:#fee2e2!important;
}
#m-actividad #act-period-filtros{
  display:flex!important;
  gap:6px!important;
  margin-bottom:10px!important;
  flex-wrap:wrap!important;
}
#m-actividad #act-period-filtros .fp{
  border-radius:4px!important;
  font-size:11px!important;
  font-weight:700!important;
}
#m-actividad #act-lista{
  max-height:70vh!important;
  overflow-y:auto!important;
}
#m-actividad #audit-lista{
  max-height:70vh!important;
  overflow-y:auto!important;
}
#m-ev-detalle.evento-modal-serio-v1 .evdet-ico-wrap{
  font-size:28px!important;
  line-height:1!important;
  flex-shrink:0!important;
}
#m-ev-detalle.evento-modal-serio-v1 .evdet-nombre{
  font-size:16px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.3!important;
}
#m-ev-detalle.evento-modal-serio-v1 .evdet-tipo-pill{
  background:#eef2f6!important;
  color:#475569!important;
  font-size:10px!important;
  font-weight:800!important;
  padding:3px 8px!important;
  border-radius:4px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  margin-top:6px!important;
  display:inline-block!important;
  border:1px solid #e2e8f0!important;
}
#m-ev-detalle.evento-modal-serio-v1 #evdet-fecha,
#m-ev-detalle.evento-modal-serio-v1 #evdet-hora{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
}
#m-ev-detalle.evento-modal-serio-v1 #evdet-desc-wrap{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:4px!important;
}
/* Ficha evento — SERIO Bitácora (cabecera gris, sin gradiente verde) */
#m-ev-detalle.bitacora-serio-v2.ficha-visita-v1 .evdet-ico-wrap{
  background:#f1f5f9!important;
  border-radius:10px!important;
  padding:6px!important;
  border:1px solid #e2e8f0!important;
  font-size:0!important;
}
#m-ev-detalle.bitacora-serio-v2.ficha-visita-v1 #evdet-actions .btn.bg_{
  background:var(--manto-btn-b2-bg)!important;
  color:var(--manto-btn-b2-color)!important;
  border:var(--manto-btn-b2-border)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}

/* DESCARTES — SERIO V2 (hero + guía + acciones; tokens Manto, familia Leche/Animales) */
#pg-desc.descartes-serio-v1{
  --desc-line:#cfd4dc;
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* 8px entre header (hero) y cuerpo; el ritmo interno = gap 8 (sin doble con margin en hijos) */
#pg-desc.descartes-serio-v1 > .section > .section-header{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
#pg-desc.descartes-serio-v1 > .section > .section-body{
  box-sizing:border-box!important;
  margin:0!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 0 0 0!important;
}
#pg-desc.descartes-serio-v1 > .section > .section-body > .section-content{
  gap:8px!important;
  row-gap:8px!important;
  padding-top:0!important;
}
/* Refuerzo (misma especificidad que styles.css Pebble): 8px entre cinta y «Registro», sin doble padding-top */
#pg-desc.descartes-serio-v1.desc-pebble-vida-20260418 > .section > .section-body > .section-content{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  row-gap:8px!important;
  column-gap:0!important;
  padding-top:0!important;
  box-sizing:border-box!important;
}
#pg-desc.descartes-serio-v1.desc-pebble-vida-20260418 > .section > .section-body{
  box-sizing:border-box!important;
  margin:0!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 0 0 0!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  margin-bottom:0!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
/* Contenido principal Descartes: misma columna que antes (.desc-tab-panel) */
#pg-desc.descartes-serio-v1 > .section > .section-body .section-content{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#pg-desc.descartes-serio-v1 > .section > .section-body .section-content > .desc-serio-panel{
  margin-bottom:0!important;
}
/* Descartes — pestañas internas (SERIO V2, familia dash-tab) */
#pg-desc.descartes-serio-v1 .desc-serio-tabs-wrap{
  margin-bottom:8px!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel--actions .desc-serio-tabs-wrap{
  margin-top:0!important;
  padding-top:10px!important;
  margin-bottom:0!important;
  border-top:none!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-tabs-bar{
  display:flex!important;
  gap:8px!important;
  padding:0!important;
  margin:0 0 6px!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-tabs-bar::-webkit-scrollbar{display:none!important}
/* Historial / Análisis — misma familia gris que «Agregar descarte» (tbar); inactivo B3, activo = CTA tbar */
#pg-desc.descartes-serio-v1 .desc-serio-tab-btn{
  flex:1!important;
  min-width:0!important;
  min-height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:var(--manto-tbar-radius)!important;
  border:var(--manto-btn-b3-border)!important;
  background:var(--manto-btn-b3-bg)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  font-size:13px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  text-shadow:none!important;
  transition:background .15s,border-color .15s,box-shadow .15s,opacity .12s!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-tab-btn.active{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-tab-btn:not(.active):hover{
  border-color:#c4cbd4!important;
  box-shadow:var(--manto-btn-b3-shadow),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-tab-btn.active:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-tab-btn.active:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-desc.descartes-serio-v1 .desc-serio-tab-btn:not(.active){
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
body.light #pg-desc.descartes-serio-v1 .desc-serio-tab-btn.active{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-tabs-hint{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.35!important;
  margin:0!important;
  padding:0 2px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel--anal .desc-serio-panel-h{
  padding:11px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel-htit-wrap--anal{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:10px!important;
  width:100%!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel-htit-wrap--anal .desc-serio-htit-ico{
  flex-shrink:0!important;
  width:36px!important;
  height:36px!important;
  margin-top:1px!important;
  object-fit:contain!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-head-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  min-width:0!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-micro{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.35!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-body{
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
}
#m-desc-top10 .desc-anal-modal-scope .desc-anal-body,
#m-desc-bajas .desc-anal-modal-scope .desc-anal-body{
  padding:0!important;
  background:transparent!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-chart-wrap{
  position:relative!important;
  height:260px!important;
  width:100%!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-chart-wrap canvas{
  max-height:260px!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-empty{
  font-size:12px!important;
  font-weight:700!important;
  color:#64748b!important;
  padding:12px!important;
  text-align:center!important;
  background:#fff!important;
  border:1px dashed #cbd5e1!important;
  border-radius:var(--manto-serio-radius)!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-rent-controls{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 14px!important;
  margin-bottom:12px!important;
  align-items:flex-end!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-field{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  font-size:11px!important;
  font-weight:700!important;
  color:#475569!important;
  min-width:140px!important;
  flex:1!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-field input{
  padding:8px 10px!important;
  border:1px solid #cbd5e1!important;
  border-radius:var(--manto-serio-radius)!important;
  font-size:13px!important;
  font-weight:700!important;
  color:#111827!important;
  background:#fff!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-field--full{flex:1 1 100%!important;min-width:100%!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-mosaic{margin-bottom:8px!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-mosaic-inner{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
@media (max-width:720px){
  :is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-mosaic-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #e2e8f0!important;
  border-radius:var(--manto-serio-radius)!important;
  background:#fff!important;
  cursor:pointer!important;
  text-align:left!important;
  overflow:hidden!important;
  min-height:0!important;
  font:inherit!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
  transition:box-shadow .15s,border-color .15s!important;
  -webkit-tap-highlight-color:transparent!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile:hover{
  box-shadow:0 3px 10px rgba(15,23,42,.1)!important;
  border-color:#cbd5e1!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-ph{
  aspect-ratio:1!important;
  background:#f1f5f9!important;
  position:relative!important;
  overflow:hidden!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-rank{
  position:absolute!important;
  top:6px!important;
  left:6px!important;
  background:rgba(15,23,42,.82)!important;
  color:#f8fafc!important;
  font-size:10px!important;
  font-weight:900!important;
  padding:2px 6px!important;
  border-radius:6px!important;
  z-index:1!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-lote{
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  font-size:9px!important;
  font-weight:900!important;
  padding:2px 5px!important;
  border-radius:5px!important;
  z-index:1!important;
  letter-spacing:.02em!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-lote--alta{background:#ecfdf5!important;color:#166534!important;border:1px solid #bbf7d0!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-lote--baja{background:#fffbeb!important;color:#b45309!important;border:1px solid #fde68a!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-nom{
  font-size:11px!important;
  font-weight:800!important;
  color:#111827!important;
  padding:6px 8px 0!important;
  line-height:1.25!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-mini{
  font-size:9px!important;
  font-weight:700!important;
  color:#64748b!important;
  padding:2px 8px 8px!important;
  line-height:1.3!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-dot{
  position:absolute!important;
  bottom:6px!important;
  right:6px!important;
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  z-index:1!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-dot--crit{background:#dc2626!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-dot--warn{background:#f59e0b!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tile-dot--ok{background:#22c55e!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-strip{
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:10px 12px!important;
  line-height:1.4!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-strip-inner{display:flex!important;flex-direction:column!important;gap:4px!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-strip-inner--active{border-left:3px solid #1e3a5f!important;padding-left:10px!important;margin-left:-2px!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-strip-hint{color:#94a3b8!important;font-weight:600!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-strip-sub{display:block!important;font-size:10px!important;color:#64748b!important;font-weight:600!important;margin-top:2px!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-chart-caption{
  font-size:11px!important;
  font-weight:700!important;
  color:#64748b!important;
  margin:0 0 8px!important;
  padding:0 2px!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-bajas-help{
  margin:0 0 12px!important;
  padding:10px 12px 10px 28px!important;
  background:#ffffff!important;
  border:1px solid #e2e8f0!important;
  border-radius:var(--manto-serio-radius)!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.45!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-bajas-help li{margin:4px 0!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-bajas-help strong{color:#1e293b!important;font-weight:800!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-rent-seg{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-bottom:10px!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-seg-btn{
  padding:6px 10px!important;
  min-height:34px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:var(--manto-btn-b1-border)!important;
  background:var(--manto-btn-b1-bg)!important;
  color:var(--manto-btn-b1-color)!important;
  box-shadow:var(--manto-btn-b1-shadow)!important;
  font-size:11px!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  cursor:pointer!important;
  transition:background .15s,border-color .15s!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-seg-btn.active{
  background:var(--manto-btn-b1-bg-active)!important;
  border:var(--manto-btn-b1-border-active)!important;
  box-shadow:var(--manto-btn-b1-shadow-active)!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-rent-search-wrap{margin-bottom:8px!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-rent-kpis{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:8px!important;
}
@media (min-width:640px){
  :is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-rent-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-kpi{
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:10px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-kpi-l{font-size:10px!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.04em!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-kpi b{font-size:18px!important;font-weight:900!important;color:#111827!important;font-variant-numeric:tabular-nums!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-micro--muted{color:#94a3b8!important;margin-top:4px!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-micro--warn{color:#b45309!important;margin-top:8px!important;font-weight:700!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-btn-more{
  display:block!important;
  width:100%!important;
  margin-top:10px!important;
  padding:8px 12px!important;
  font-size:11px!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  color:#334155!important;
  cursor:pointer!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tb-thumb{
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
  object-fit:cover!important;
  display:block!important;
  border:1px solid #e2e8f0!important;
  background:#f8fafc!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-tb-thumb--ph{object-fit:contain!important;padding:4px!important;opacity:.45!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-num--bad{color:#b91c1c!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-pill{
  display:inline-block!important;
  margin-top:6px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-pill--crit{
  background:#fef2f2!important;
  color:#b91c1c!important;
  border:1px solid #fecaca!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-pill--warn{
  background:#fffbeb!important;
  color:#b45309!important;
  border:1px solid #fde68a!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-table-wrap{
  overflow-x:auto!important;
  border:1px solid #e2e8f0!important;
  border-radius:var(--manto-serio-radius)!important;
  background:#fff!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-table{
  width:100%!important;
  border-collapse:collapse!important;
  font-size:11px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-table th,
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-table td{
  padding:8px 10px!important;
  text-align:left!important;
  border-bottom:1px solid #eef2f6!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-table th{
  font-weight:800!important;
  color:#475569!important;
  background:#fafbfc!important;
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-table tr:last-child td{border-bottom:none!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-table .num{font-variant-numeric:tabular-nums!important;font-weight:800!important;color:#111827!important}
:is(#pg-desc.descartes-serio-v1,.desc-anal-modal-scope) .desc-anal-table button.linkish{
  background:none!important;
  border:none!important;
  padding:0!important;
  color:#1e40af!important;
  font-weight:800!important;
  cursor:pointer!important;
  text-decoration:underline!important;
  font-size:inherit!important;
}
@media (min-width:768px){
  #pg-desc.descartes-serio-v1 .desc-serio-guia{
    grid-template-columns:repeat(2,1fr)!important;
  }
}
@media (min-width:1100px){
  #pg-desc.descartes-serio-v1 .desc-serio-guia{
    grid-template-columns:repeat(4,1fr)!important;
  }
}
#pg-desc.descartes-serio-v1 .desc-serio-panel--hero{
  padding:0!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--desc-line)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel--actions{
  padding:0!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-actions-body{
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-panel--stats{
  padding:10px 12px 12px!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-panel--stats .desc-serio-stats-wrap{
  margin-bottom:0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
}
/* Descartes: 3 anclajes en una fila (ranking, reportes, historial) */
#pg-desc.descartes-serio-v1 .desc-serio-panel--intel{
  margin:0!important;
  padding:8px!important;
  box-sizing:border-box!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:8px!important;
  box-sizing:border-box!important;
  border:1px solid #cbd5e1!important;
  border-radius:14px!important;
  background:linear-gradient(168deg, #ffffff 0%, #f8fafc 55%, #eef2f6 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 1px 3px rgba(15,23,42,.06)!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary[hidden]{
  display:none!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__head strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#0f172a!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__head span{
  display:block!important;
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:#64748b!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__acts{
  display:inline-flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex:0 0 auto!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__go,
#pg-desc.descartes-serio-v1 .desc-score-page-summary__csv{
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  border:var(--manto-btn-gris-ok-border)!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  font:800 11.5px/1 'Segoe UI',Tahoma,Arial,sans-serif!important;
  cursor:pointer!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__go--ico{
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__go-ico{
  display:block!important;
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  margin:0!important;
  flex:0 0 auto!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__grid{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0,1fr))!important;
  gap:8px!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__kpi{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:6px 5px!important;
  border:1px solid #e2e8f0!important;
  border-radius:11px!important;
  background:#ffffff!important;
  box-sizing:border-box!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__kpi span{
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#64748b!important;
  text-align:center!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__kpi b{
  margin-top:3px!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#0f172a!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
#pg-desc.descartes-serio-v1 .desc-score-page-summary__kpi--crit b{ color:#b91c1c!important; }
#pg-desc.descartes-serio-v1 .desc-score-page-summary__kpi--warn b{ color:#b45309!important; }
#pg-desc.descartes-serio-v1 .desc-score-page-summary__kpi--money b{ font-size:13px!important; }
/* Dashboard Inicio — Prioridad de descarte (score local, SERIO / tarjeta con riel + KPI pill) */
#pg-dash.dash-serio-v1 #dash-score-descarte-section.dash-score-descarte-widget-section{
  margin-bottom:0!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__hit{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  box-sizing:border-box!important;
  text-align:left!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  border-radius:14px!important;
  background:linear-gradient(168deg,var(--gris-0,#fff) 0%,var(--gris-50,#f8fafc) 42%,var(--gris-100,#f1f5f9) 100%)!important;
  box-shadow:
    var(--manto-serio-panel-inset, inset 0 1px 0 rgba(255,255,255,.78)),
    var(--manto-serio-panel-drop, 0 1px 2px rgba(15,23,42,.06)),
    0 4px 14px rgba(15,23,42,.06)!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .12s ease!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__hit:hover{
  border-color:var(--gris-400,#94a3b8)!important;
  box-shadow:
    var(--manto-serio-panel-inset, inset 0 1px 0 rgba(255,255,255,.78)),
    0 4px 18px rgba(15,23,42,.1)!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__hit:focus-visible{
  outline:2px solid rgba(100,116,139,.45)!important;
  outline-offset:2px!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section.dash-score-descarte-widget--crit .dash-score-descarte-widget__hit{
  border-color:#fca5a5!important;
  background:linear-gradient(168deg,#fffbfb 0%,#fff1f2 38%,#ffe4e6 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 2px 8px rgba(185,28,28,.1),
    0 4px 16px rgba(185,28,28,.08)!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section.dash-score-descarte-widget--crit .dash-score-descarte-widget__hit:hover{
  border-color:#f87171!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__rail{
  flex:0 0 5px!important;
  align-self:stretch!important;
  min-height:52px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--gris-300,#cbd5e1) 0%,var(--gris-400,#94a3b8) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section.dash-score-descarte-widget--crit .dash-score-descarte-widget__rail{
  background:linear-gradient(180deg,#fecaca 0%,#f87171 55%,#dc2626 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__main{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  justify-content:center!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__sub{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__hit:active{
  opacity:.97!important;
  transform:scale(.995)!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__msg{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  color:var(--texto-fuerte,#0f172a)!important;
  letter-spacing:-.015em!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section.dash-score-descarte-widget--money .dash-score-descarte-widget__msg{
  font-size:20px!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.02em!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__meta{
  display:inline-flex!important;
  align-self:flex-start!important;
  align-items:center!important;
  max-width:100%!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  color:var(--texto-base,#334155)!important;
  background:var(--gris-50,#f8fafc)!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section.dash-score-descarte-widget--crit .dash-score-descarte-widget__meta{
  background:rgba(254,242,242,.95)!important;
  border-color:#fecaca!important;
  color:#991b1b!important;
}
#pg-dash.dash-serio-v1 #dash-score-descarte-section .dash-score-descarte-widget__hint{
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:800!important;
  color:var(--texto-muted,#94a3b8)!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
/* Modal score detalle — botón copiar (icono discreto) */
html body #m-desc-score-det.modo-final .m-desc-score-det-actions.serio-v1-action-box,
html body #m-desc-score-det .m-desc-score-det-actions.serio-v1-action-box{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
html body #m-desc-score-det .m-desc-score-det-copy-ico-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  background:var(--gris-0,#fff)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body #m-desc-score-det .m-desc-score-det-copy-ico-btn:hover{
  border-color:var(--gris-400,#94a3b8)!important;
  background:var(--gris-50,#f8fafc)!important;
}
html body #m-desc-score-det .m-desc-score-det-copy-ico-btn img{
  display:block!important;
  margin:0!important;
  opacity:.88!important;
}

#pg-desc.descartes-serio-v1 .desc-score-page-summary__note{
  margin:0!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
  color:#64748b!important;
  text-align:center!important;
}
#pg-desc.descartes-serio-v1 .desc-intel-row{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  align-items:stretch!important;
}
#pg-desc.descartes-serio-v1 .desc-intel-anch{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:10px 6px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  background:linear-gradient(168deg, #ffffff 0%, #f5f8fc 52%, #e8edf4 100%)!important;
  border:1px solid #cbd5e1!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 8px rgba(15,23,42,.05)!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  color:#0f172a!important;
  text-align:center!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-desc.descartes-serio-v1 .desc-intel-anch__ico img{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-desc.descartes-serio-v1 .desc-intel-anch__tit{ font-size:12px!important; font-weight:800!important; line-height:1.2!important; word-break:break-word!important; hyphens:auto!important; }
#pg-desc.descartes-serio-v1 .desc-intel-anch__sub{ font-size:9.5px!important; font-weight:600!important; color:#64748b!important; -webkit-text-fill-color:#64748b!important; line-height:1.2!important; }
#pg-desc.descartes-serio-v1 .desc-serio-panel--cinta{
  margin:8px 10px 0!important;
  padding:8px!important;
  background:linear-gradient(168deg, #ffffff 0%, #f8fafc 55%, #eef2f6 100%)!important;
  border:1px solid #cbd5e1!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 1px 3px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
#pg-desc.descartes-serio-v1 .desc-chip-cinta{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding:2px 0 2px 0!important;
  margin:0!important;
  box-sizing:border-box!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#pg-desc.descartes-serio-v1 .desc-chip-cinta::-webkit-scrollbar{
  display:none!important; width:0!important; height:0!important;
  background:transparent!important;
}
#pg-desc.descartes-serio-v1 .desc-chip-cinta__btn{
  flex:0 0 auto!important;
  min-height:32px!important;
  height:auto!important;
  padding:0 16px!important;
  font-size:12.5px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border-radius: 9999px!important;
  border:1px solid var(--manto-chip-ref-brd-off,#d1d5db)!important;
  background: var(--manto-chip-ref-grad-off, linear-gradient(180deg,#fff,#f3f4f6))!important;
  color: #334155!important;
  -webkit-tap-highlight-color:transparent!important;
  cursor: pointer!important;
  white-space: nowrap!important;
}
#pg-desc.descartes-serio-v1 .desc-chip-cinta__btn.active{
  background: var(--manto-chip-ref-grad-on, linear-gradient(180deg, #1e3a2f, #0f1f1a))!important;
  border-color: #1e3a2f!important;
  color: #f8fafc!important;
  -webkit-text-fill-color: #f8fafc!important;
  font-weight:800!important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12)!important;
}
/* Cabecera NEW HEADER: título ocupa el centro (icono | título | atrás) */
#m-desc-reportes .m-desc-reportes-h.manto-header-serio-v1 .serio-v1-title-box{
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
#m-desc-reportes .desc-reportes-preface{ font-size: 12px; color: var(--t2,#475569); font-weight: 600; margin: 0 0 12px 0; }
#m-desc-reportes .desc-reportes-launch-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
#m-desc-reportes .desc-reportes-launch{
  display: flex; width: 100%; align-items: center; gap: 10px; text-align: left; padding: 10px 12px; border-radius: 12px; border: 1px solid #e2e8f0; background: #f8fafc; cursor: pointer; font: inherit; color: inherit; box-sizing: border-box;
}
#m-desc-reportes .desc-reportes-launch__ico{ flex: 0 0 auto; line-height: 0; }
#m-desc-reportes .desc-reportes-launch__txt{ flex: 1; min-width: 0; }
#m-desc-reportes .desc-reportes-launch__txt strong{ display: block; font-size: 14px; }
#m-desc-reportes .desc-reportes-launch__txt small{ display: block; color: #64748b; font-size: 11px; font-weight: 600; }
#m-desc-reportes .desc-reportes-launch__go{ flex:0 0 auto; font-size: 18px; color: #94a3b8; }
#m-desc-reportes .desc-reportes-launch--soon{ display: flex; gap: 8px; align-items: center; margin:0; padding: 10px 12px; border: 1px dashed #cbd5e1; border-radius: 12px; color: #64748b; font-size: 13px; }
#m-desc-reportes .desc-reportes-launch--soon small{ display:block; font-size: 11px; }
@media (max-width: 400px){
  #pg-desc.descartes-serio-v1 .desc-intel-anch{ padding:8px 4px!important; }
  #pg-desc.descartes-serio-v1 .desc-intel-anch__ico img{ width:24px!important; height:24px!important; }
  #pg-desc.descartes-serio-v1 .desc-intel-anch__tit{ font-size: 10.5px!important; }
  #pg-desc.descartes-serio-v1 .desc-intel-anch__sub{ font-size: 8.5px!important; }
}
#pg-desc.descartes-serio-v1 .desc-serio-fprow{
  margin-bottom:0!important;
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  /* .fprow (global) = overflow-x:auto: puede recortar el border-top; chips usan grid aquí */
  overflow:visible!important;
  padding-top:1px!important;
  margin-top:-1px!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-fprow-cat{
  grid-template-columns:1fr 1fr!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-fprow-sub{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-fprow-risk{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#pg-desc.descartes-serio-v1 .desc-dp-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px 10px!important;
  margin:6px 0 0 0!important;
  padding:0 0 1px 0!important;
  font-size:10px!important;
  font-weight:700!important;
  color:var(--t2,#334155)!important;
  -webkit-text-fill-color:var(--t2,#334155)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border-top:0!important;
}
#pg-desc.descartes-serio-v1 .desc-dp-row--mute{
  color:var(--t3,#94a3b8)!important;
  -webkit-text-fill-color:var(--t3,#94a3b8)!important;
  font-weight:600!important;
}
#pg-desc.descartes-serio-v1 .desc-dp-k{
  white-space:nowrap!important;
  color:inherit!important;
}
#pg-desc.descartes-serio-v1 .gallery .gbdy .desc-dp-row{
  font-size:9.5px!important;
  margin-top:4px!important;
  gap:4px 6px!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-fprow .fp{
  box-sizing:border-box!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  font-size:var(--manto-period-sel-fs)!important;
  min-width:0!important;
  text-align:center!important;
  border-radius:var(--manto-chip-ref-inner-r)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  font-weight:600!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-fprow .fp.active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:700!important;
}
/* Muertes / Descartes — 38px + icono a la izquierda (mismos PNG que hero) */
#pg-desc.descartes-serio-v1 #fp-desc-cat .fp{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:center!important;
}
#pg-desc.descartes-serio-v1 #fp-desc-cat .desc-fp-cat-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-desc.descartes-serio-v1 #fp-desc .fp,
#pg-desc.descartes-serio-v1 #fp-desc-risk .fp{
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
}
/* Lista / Mosaico: toolbar tipo Animales */
#pg-desc.descartes-serio-v1 .desc-serio-seg{
  display:inline-flex!important;
  align-items:stretch!important;
  align-self:center!important;
  flex-shrink:0!important;
  border-radius:var(--manto-tbar-radius)!important;
  overflow:hidden!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-seg)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 8px rgba(15,23,42,.06)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg .vb{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 10px!important;
  font-size:10px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border:none!important;
  margin:0!important;
  min-height:28px!important;
  height:28px!important;
  max-height:28px!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg .manto-vista-ico{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg .manto-vista-lbl{
  line-height:1.1!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg .vb + .vb{
  border-left:1px solid rgba(255,255,255,.95)!important;
  box-shadow:inset 1px 0 0 rgba(15,23,42,.08)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg .vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  border:none!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg .vb.active:hover{
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.11)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg .vb:active{
  opacity:.96!important;
  background:var(--manto-tbar-grad-cta-a)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg .vb:not(.active){
  background:transparent!important;
  color:#334155!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg #vd-l.vb.active,
#pg-desc.descartes-serio-v1 .desc-serio-seg #vd-g.vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg #vd-l.vb.active:hover,
#pg-desc.descartes-serio-v1 .desc-serio-seg #vd-g.vb.active:hover{
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.11)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-seg #vd-l.vb:active,
#pg-desc.descartes-serio-v1 .desc-serio-seg #vd-g.vb:active{
  opacity:.96!important;
  background:var(--manto-tbar-grad-vb-a)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel--main{
  margin-bottom:0!important;
  padding:0!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel-h{
  background:var(--superficie-bloque-header)!important;
  padding:9px 13px!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel-h--toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#pg-desc.descartes-serio-v1 .desc-serio-panel-body{
  padding:10px!important;
  background:#ffffff!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-stats-wrap{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:12px!important;
  margin-bottom:10px!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-stats-head{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:8px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-stats-head .desc-serio-stats-tit-wrap{
  align-self:center!important;
  flex:0 0 auto!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-stats-tit-wrap{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  flex-shrink:0!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-stats-tit-ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-stats-tit{
  font-size:15px!important;
  font-weight:900!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  letter-spacing:.01em!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-list{
  margin-top:12px!important;
  padding-top:10px!important;
  border-top:1px solid #e5e7eb!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  max-height:min(420px,55vh)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 10px!important;
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
  border-radius:var(--manto-serio-radius)!important;
  cursor:pointer!important;
  text-align:left!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-row:active{
  background:#f1f5f9!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-img{
  width:52px!important;
  height:52px!important;
  border-radius:4px!important;
  object-fit:cover!important;
  flex-shrink:0!important;
  border:1px solid #cfd4dc!important;
  background:#f1f5f9!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-ph{
  width:52px!important;
  height:52px!important;
  border-radius:4px!important;
  flex-shrink:0!important;
  border:1px solid #cfd4dc!important;
  background:#f1f5f9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-ph img{
  opacity:.4!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-meta{
  flex:1!important;
  min-width:0!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-nom{
  font-size:14px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.25!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-mot{
  font-size:12px!important;
  font-weight:700!important;
  color:#64748b!important;
  margin-top:3px!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-chev{
  color:#cbd5e1!important;
  font-size:20px!important;
  font-weight:700!important;
  flex-shrink:0!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-stats-period-empty{
  margin-top:12px!important;
  padding:14px 10px!important;
  text-align:center!important;
  font-size:13px!important;
  font-weight:700!important;
  color:#64748b!important;
  border-top:1px solid #e5e7eb!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-period-btns{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  justify-content:flex-start!important;
  align-items:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding:4px 2px 6px 8px!important;
  box-sizing:border-box!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-period-btns::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-period-btns .fp{
  flex-shrink:0!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  font-size:var(--manto-period-sel-fs)!important;
  font-weight:var(--manto-period-sel-fw)!important;
  border-radius:var(--manto-chip-ref-inner-r)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
}
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) .desc-serio-period-btns .fp.active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}

/* #m-desc-historial — ancho, tipografía y filas amplias (NEW MODAL + PEBBLE; no afecta #pg-desc) */
#m-desc-historial.desc-historial-modal-serio-v1 .mbox.bitacora-mbox.ani-modal-serio-v2__mbox,
#m-desc-historial.desc-historial-modal-serio-v1.bitacora-serio-v2 .mbox.bitacora-mbox{
  max-width: min(100vw - 20px, 700px) !important;
  width: 100% !important;
}
#m-desc-historial .m-desc-historial-h.manto-header-serio-v1 .serio-v1-icon-box img{
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}
#m-desc-historial .m-desc-historial-h.manto-header-serio-v1 .serio-v1-title-box{
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
#m-desc-historial .modal-serio-body.m-desc-historial-body{
  padding: 14px 16px !important;
  gap: 8px !important;
}
#m-desc-historial .desc-hist-hint{
  margin: 0 0 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: var(--texto-suave, #64748b) !important;
  font-weight: 600 !important;
}
#m-desc-historial .desc-hist-bloque--periodo .desc-serio-period-btns{
  margin-bottom: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  justify-content: stretch !important;
  overflow-x: visible !important;
  flex-wrap: nowrap !important;
}
#m-desc-historial .desc-hist-summary{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
/* Recuadros KPI / motivos: piel Pebble Vida en styles.css (#m-desc-historial.modo-final.desc-pebble-vida-20260418) */
#m-desc-historial .desc-hist-kpi{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  padding: 12px 14px !important;
  position: relative !important;
}
#m-desc-historial .desc-hist-kpi-num{
  font-size: clamp(28px, 8vw, 36px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  font-variant-numeric: tabular-nums !important;
}
#m-desc-historial .desc-hist-kpi-meta{
  flex: 1 !important;
  min-width: 0 !important;
}
#m-desc-historial .desc-hist-kpi-label{
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--texto-fuerte, #0f172a) !important;
  letter-spacing: 0.02em !important;
}
#m-desc-historial .desc-hist-kpi-period{
  margin-top: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--texto-suave, #64748b) !important;
}
#m-desc-historial .desc-hist-kpi-period strong{
  color: var(--texto-base, #334155) !important;
  font-weight: 800 !important;
}
#m-desc-historial .desc-hist-motivos-wrap{
  padding: 10px 12px !important;
  position: relative !important;
}
#m-desc-historial .desc-hist-motivos-tit{
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--texto-suave, #64748b) !important;
  margin-bottom: 8px !important;
}
#m-desc-historial .desc-hist-motivos-list{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}
#m-desc-historial .desc-hist-motivo-row{
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--texto-base, #334155) !important;
}
#m-desc-historial .desc-hist-motivo-n{
  flex: 0 0 auto !important;
  min-width: 28px !important;
  padding: 2px 8px !important;
  border-radius: 8px !important;
  background: var(--gris-200, #e2e8f0) !important;
  color: var(--texto-fuerte, #0f172a) !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums !important;
  text-align: center !important;
}
#m-desc-historial .desc-hist-motivo-txt{
  flex: 1 !important;
  min-width: 0 !important;
  line-height: 1.35 !important;
}
#m-desc-historial .desc-hist-motivos-empty{
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--texto-muted, #94a3b8) !important;
}
#m-desc-historial .desc-hist-list-head{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
  padding: 10px 2px 8px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--texto-suave, #64748b) !important;
  line-height: 1.4 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#m-desc-historial .desc-hist-list-count{
  font-weight: 900 !important;
  color: var(--texto-base, #334155) !important;
}
#m-desc-historial .desc-serio-period-btns{
  gap: 6px !important;
  padding: 4px 0 0 !important;
}
#m-desc-historial .desc-serio-period-btns .fp{
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 4px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  /* 12px fijo: gana sobre :is(..., #m-desc-historial) .fp { border-radius: var(--manto-chip-ref-inner-r) } */
  border-radius: 12px !important;
}
#m-desc-historial .desc-serio-period-btns .fp.active{
  border-radius: 12px !important;
}
#m-desc-historial #desc-stats .desc-stats-period-list{
  max-height: min(58vh, 560px) !important;
  gap: 10px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
}
#m-desc-historial .desc-stats-period-row{
  padding: 16px 14px !important;
  gap: 14px !important;
  border-radius: 12px !important;
}
#m-desc-historial .desc-stats-period-img,
#m-desc-historial .desc-stats-period-ph{
  width: 70px !important;
  height: 70px !important;
  border-radius: 8px !important;
}
#m-desc-historial .desc-stats-period-ph img{
  width: 32px !important;
  height: 32px !important;
  opacity: 0.45 !important;
}
#m-desc-historial .desc-stats-period-nom{
  font-size: 16px !important;
}
#m-desc-historial .desc-stats-period-mot{
  font-size: 14px !important;
  margin-top: 5px !important;
  line-height: 1.35 !important;
}
#m-desc-historial .desc-stats-period-chev{
  font-size: 28px !important;
}
#m-desc-historial .desc-stats-period-empty{
  font-size: 15px !important;
  padding: 20px 14px !important;
  margin-top: 12px !important;
  border-radius: 12px !important;
}

.modal.desc-serio-v1:not(.bitacora-serio-v2) .mbox{
  background:var(--superficie-pagina)!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop), 0 12px 32px rgba(15,23,42,.12)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-sel-turno.bitacora-serio-v2 .lec-sel-turno-fechabox__val{
  font-size:15px!important;
  font-weight:800!important;
  color:#0f172a!important;
  margin-top:4px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-lec-del-confirm.lec-del-confirm-modal.bitacora-serio-v2.modal-nuevo .lec-del-confirm-txt{
  margin:0!important;
  font-size:14px!important;
  color:#334155!important;
  line-height:1.45!important;
}
#m-desc.desc-serio-v1 .desc-modal-alert{
  background:#fef2f2!important;
  border:1px solid #fecaca!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:10px 12px!important;
  margin-bottom:12px!important;
}
#m-desc.desc-serio-v1 .desc-modal-alert div{
  font-weight:700!important;
  font-size:14px!important;
  color:#991b1b!important;
}
#m-desc.desc-serio-v1 .fi,
#m-muerte.desc-serio-v1 .fi{
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
}
/* #m-nuevo-desc / #m-edit-desc / #m-potrero-det: solo .fg (campos normales); observaciones en .manto-fi-voz-wrap--ta */
#m-nuevo-desc.desc-serio-v1 .fg .fi,
#m-edit-desc.desc-serio-v1 .fg .fi,
#m-potrero-det.pot-serio-v1 .fg .fi{
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
}
#m-edit-desc.desc-serio-v1 .btn.bg_{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
/* Leche #m-lec / #m-lec-edit: campos (CTA primario → styles.css «Leche — hero slate») */
:is(#m-lec,#m-dia-lec,#m-lec-edit,#m-leche-lote,#m-sel-turno,#m-lec-del-confirm).bitacora-serio-v2 .fg:not(:has(.manto-fi-voz-wrap--serio-pill)) .fi{
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
}
:is(#m-lec,#m-dia-lec).lec-milk-form-modal.bitacora-serio-v2 .lec-milk-serio-bloque--obs .fg .manto-fi-voz-wrap--serio-pill{
  width:100%!important;
}
:is(#m-lec,#m-dia-lec,#m-lec-edit,#m-leche-lote,#m-sel-turno,#m-lec-del-confirm).bitacora-serio-v2 .flbl{
  color:#4b5563!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
:is(#m-lec,#m-dia-lec,#m-lec-edit,#m-leche-lote).lec-milk-form-modal.bitacora-serio-v2 .mbox,
:is(#m-sel-turno,#m-lec-del-confirm).lec-milk-modal-serio-v1.bitacora-serio-v2 .mbox{
  background:#fff!important;
}
/* #m-lec Fase A: observaciones en bloque --obs + pastilla SERIO (styles.css); solo #m-lec-edit conserva grid obs */
#m-lec-edit.lec-milk-form-modal.bitacora-serio-v2 .lec-milk-obs-field{
  grid-column:1 / -1!important;
}
#m-lec-edit.lec-milk-form-modal.bitacora-serio-v2 .lec-milk-obs-input-wrap{
  position:relative!important;
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
}
#m-lec-edit.lec-milk-form-modal.bitacora-serio-v2 .lec-milk-obs-input-wrap.manto-fi-voz-wrap{
  align-items:center!important;
}
#m-lec-edit.lec-milk-form-modal.bitacora-serio-v2 .lec-milk-obs-input-wrap .fi{
  flex:1!important;
  min-width:0!important;
  padding-right:54px!important;
  box-sizing:border-box!important;
}
#m-lec-edit.lec-milk-form-modal.bitacora-serio-v2 .lec-milk-obs-input-wrap.manto-fi-voz-wrap .fi{
  padding-right:12px!important;
}
#m-lec.bitacora-serio-v2 .lec-milk-modal-save.btn.bg_.bitacora-btn--pri,
#m-lec-edit.bitacora-serio-v2 .lec-milk-modal-save.btn.bg_.bitacora-btn--pri{
  width:100%!important;
  margin-top:6px!important;
  min-height:48px!important;
  justify-content:center!important;
  display:inline-flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
/* Misma excepción que «Registrar muerte» en página */
#m-desc.desc-serio-v1 .btn.desc-btn-alerta,
#m-vdesc.desc-serio-v1 .btn.desc-btn-alerta:not(#btn-vd-reint),
#m-lec-del-confirm.bitacora-serio-v2 .btn.desc-btn-alerta{
  background:var(--manto-btn-desc-muerte-bg)!important;
  border:var(--manto-btn-desc-muerte-border)!important;
  color:var(--manto-btn-desc-muerte-color)!important;
  -webkit-text-fill-color:var(--manto-btn-desc-muerte-color)!important;
  box-shadow:var(--manto-btn-desc-muerte-shadow)!important;
}
/* Registrar muerte — pie pareja Cancelar/Guardar: bloque :is(...) .bit-bitacora-footer-row en styles.css */
#pg-desc.descartes-serio-v1 .dcard{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:12px!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-desc.descartes-serio-v1 .dcard.pend{border-left:3px solid #b91c1c!important;}
#pg-desc.descartes-serio-v1 .dcard.done{border-left:3px solid #166534!important;}
#pg-desc.descartes-serio-v1 .gallery .gcard{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-desc.descartes-serio-v1 .gallery .gph{
  border-bottom:1px solid #eef2f6!important;
}
/* Mosaico: 3 tarjetas por fila (el .gallery global usa 2 en móvil) */
#pg-desc.descartes-serio-v1 .gallery{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
#pg-desc.descartes-serio-v1 .gallery .gbdy{
  padding:8px 6px!important;
}
/* Período #desc-period-btns: piel chip global (.desc-serio-period-btns .fp arriba) */
/* Tarjetas internas de estadísticas y listado igual de cuadradas */
/* #m-desc-historial: sin recuadro en .desc-hist-summary ni en .desc-stats-period-list (filas ya tienen su tarjeta) */
:is(#pg-desc.descartes-serio-v1,#m-desc-historial) #desc-stats > div:not(.desc-hist-summary):not(.desc-stats-period-list):not(.desc-hist-list-head),
#pg-desc.descartes-serio-v1 #desc-list > div{
  border-radius:var(--manto-serio-radius)!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
}
#m-desc-historial #desc-stats > div.desc-hist-summary{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
#m-desc-historial #desc-stats > div.desc-stats-period-list{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
#m-desc-historial #desc-stats > div.desc-hist-list-head{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
/* Modal Detalle de descarte (#m-vdesc) — cuerpo y panel admin (cabecera: shell Bitácora en styles.css) */
#m-vdesc.desc-serio-v1 #vd-cont.vd-detail-body{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:12px!important;
  margin-bottom:12px!important;
  box-sizing:border-box!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#m-vdesc.desc-serio-v1 #vd-cont .pill{
  border-radius:4px!important;
  font-weight:700!important;
}
#m-vdesc.desc-serio-v1 .vd-adm-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  overflow:hidden!important;
  margin-top:0!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#m-vdesc.desc-serio-v1 .vd-sec-h{
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
  padding:9px 12px!important;
  font-size:11px!important;
  font-weight:800!important;
  color:#111827!important;
  letter-spacing:.02em!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  margin:0!important;
  text-transform:none!important;
}
#m-vdesc.desc-serio-v1 .vd-adm-fields{
  padding:12px!important;
}
#m-vdesc.desc-serio-v1 .vd-adm-fields .fg{
  margin-bottom:10px!important;
}
/* Fila Editar Descarte + Reintegrar — misma fila; piel «Regresar» (.bitacora-modal-back) = --manto-btn-gris-ok-* */
#m-vdesc.desc-serio-v1 .vd-adm-inline-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:4px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
#m-vdesc.desc-serio-v1 .vd-adm-inline-row .vd-adm-inline-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#m-vdesc.desc-serio-v1 .vd-adm-inline-row .vd-adm-inline-ico--reint{
  width:24px!important;
  height:24px!important;
}
/* Editar Descarte + Reintegrar — misma caja 36px y mismos tokens que Regresar (gris-ok) */
#m-vdesc.desc-serio-v1 .vd-btn-full,
#m-vdesc.desc-serio-v1 .vd-btn-reint.vd-btn-like-regresar{
  width:100%!important;
  min-width:0!important;
  margin-top:0!important;
  min-height:36px!important;
  max-height:36px!important;
  height:36px!important;
  box-sizing:border-box!important;
  padding:0 10px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-vdesc.desc-serio-v1 .vd-btn-full:hover,
#m-vdesc.desc-serio-v1 .vd-btn-reint.vd-btn-like-regresar:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
#m-vdesc.desc-serio-v1 .vd-btn-full:active,
#m-vdesc.desc-serio-v1 .vd-btn-reint.vd-btn-like-regresar:active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
#m-vdesc.desc-serio-v1 .vd-btn-full:focus-visible,
#m-vdesc.desc-serio-v1 .vd-btn-reint.vd-btn-like-regresar:focus-visible{
  outline:var(--manto-btn-gris-ok-outline)!important;
  outline-offset:2px!important;
}
#m-vdesc.desc-serio-v1 .vd-adm-fields .fi{
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
}

/* ========= INSUMOS — SERIO V2 (misma familia que Descartes/Leche: ins-serio-* + insv2-* solo en listas JS) ========= */
#pg-ins.insumos-serio-v1{
  --ins-line:#cfd4dc;
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ins.insumos-serio-v1 > .ins-serio-panel:last-child{
  margin-bottom:0!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  margin-bottom:8px!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-panel--hero{
  padding:0!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--ins-line)!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  display:block!important;
  visibility:visible!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-ins.insumos-serio-v1 .ins-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-ins.insumos-serio-v1 .ins-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-panel--categorias,
#pg-ins.insumos-serio-v1 .ins-serio-panel--mov,
#pg-ins.insumos-serio-v1 .ins-serio-panel--listado{
  padding:0!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-subpanel-h{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid var(--ins-line)!important;
  box-sizing:border-box!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-tabs-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-tab-btn{
  min-height:56px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:var(--manto-btn-b3-border)!important;
  background:var(--manto-btn-b3-bg)!important;
  color:var(--manto-btn-b3-color)!important;
  font-weight:700!important;
  font-size:11px!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:8px 6px!important;
  line-height:1.15!important;
  -webkit-tap-highlight-color:transparent!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-tab-btn__ico{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  opacity:.95!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-tab-btn__txt{
  text-align:center!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-tab-btn.active{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-panel--mov .ins-serio-actions-grid{
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-actions-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
/* Registrar compra / uso — misma piel que «Nuevo insumo» (toolbar CTA), 40px, icono a la izquierda */
#pg-ins.insumos-serio-v1 .ins-serio-btn-compra,
#pg-ins.insumos-serio-v1 .ins-serio-btn-uso{
  min-height:40px!important;
  height:40px!important;
  max-height:40px!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  font-weight:700!important;
  font-size:13px!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  line-height:1.2!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  -webkit-tap-highlight-color:transparent!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-btn-compra:hover,
#pg-ins.insumos-serio-v1 .ins-serio-btn-uso:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-btn-compra:active,
#pg-ins.insumos-serio-v1 .ins-serio-btn-uso:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-btn-compra__ico,
#pg-ins.insumos-serio-v1 .ins-serio-btn-uso__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-list-shell{
  padding:8px 10px 10px!important;
  background:var(--superficie-pagina)!important;
}
/* Inventario actual — el panel sigue con overflow:hidden del bloque general (esquinas); el fix es min-width:0 en grid */
#pg-ins.insumos-serio-v1 .ins-serio-panel.ins-serio-panel--listado{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-panel--listado .ins-serio-list-shell,
#pg-ins.insumos-serio-v1 .ins-serio-panel--listado #insv2-list{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-panel--listado .insv2-list-stack{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-panel--listado .insv2-card,
#pg-ins.insumos-serio-v1 .ins-serio-panel--listado .insv2-msg-empty,
#pg-ins.insumos-serio-v1 .ins-serio-panel--listado .insv2-termo-empty{
  max-width:100%!important;
  box-sizing:border-box!important;
}
#pg-ins.insumos-serio-v1 .ins-serio-panel--listado .insv2-card-row--head{
  min-width:0!important;
}

/* Tarjetas lista insumos (render JS insumos_v2.js) */
#pg-ins.insumos-serio-v1 .insv2-list-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#pg-ins.insumos-serio-v1 .insv2-list-stack--mb{
  margin-bottom:6px!important;
}
#pg-ins.insumos-serio-v1 .insv2-card{
  cursor:pointer!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:12px!important;
  padding:8px 10px 9px!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-row--head{
  align-items:center!important;
  flex-wrap:wrap!important;
  row-gap:6px!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-text{ min-width:0!important; flex:1 1 0!important; }
#pg-ins.insumos-serio-v1 .insv2-card-titleline{
  display:flex!important;
  align-items:baseline!important;
  gap:5px!important;
  min-width:0!important;
  line-height:1.25!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-name{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-sep{
  flex:0 0 auto!important;
  color:#94a3b8!important;
  font-weight:600!important;
  font-size:12px!important;
  line-height:1!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-meta{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-qty{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.1!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  border-radius:9px!important;
  padding:3px 7px 3px 8px!important;
  min-width:0!important;
  flex-shrink:1!important;
  max-width:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-qty .insv2-card-u{
  font-size:10px!important;
  font-weight:600!important;
  opacity:.95!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-qty--semen{
  min-width:0!important;
  flex-shrink:1!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-marcar{
  display:inline-block!important;
  font-size:9.5px!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  padding:3px 6px 4px!important;
  border-radius:8px!important;
  margin:0!important;
  -webkit-tap-highlight-color:transparent!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  background:var(--manto-btn-danger-bg)!important;
  border:var(--manto-btn-danger-border)!important;
  color:var(--manto-btn-danger-color)!important;
  -webkit-text-fill-color:var(--manto-btn-danger-color)!important;
  box-shadow:var(--manto-btn-danger-shadow)!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-marcar:hover{
  filter:brightness(0.97);
  border-color:rgba(248,113,113,.65)!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-marcar:active{
  filter:brightness(0.94);
}
#pg-ins.insumos-serio-v1 .insv2-bar-track{
  margin-top:5px!important;
  background:var(--superficie-pagina)!important;
  border:1px solid #e2e5eb!important;
  border-radius:999px!important;
  overflow:hidden!important;
  height:4px!important;
}
#pg-ins.insumos-serio-v1 .insv2-bar-fill{
  height:100%!important;
  border-radius:999px!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-foot{
  margin-top:4px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-status{
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#pg-ins.insumos-serio-v1 .insv2-card-min{
  font-size:9.5px!important;
  font-weight:600!important;
  color:#64748b!important;
  flex:0 0 auto!important;
  text-align:right!important;
}
/* 5 estantes (bodega) + subchips */
#pg-ins.insumos-serio-v1 .insv2-egrupo-scroll{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 10px 4px!important;
  align-items:stretch!important;
}
#pg-ins.insumos-serio-v1 .insv2-eg-chip{
  display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important;
  width:100%!important; min-width:0!important;
  box-sizing:border-box!important;
  gap:0!important; min-height:48px!important; padding:6px 9px 7px!important; border-radius:10px!important;
  border:1px solid #c8d0d9!important; background:#f5f6f8!important; color:#1e293b!important;
  font-size:11px!important; font-weight:800!important; font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  cursor:pointer!important; text-align:left!important;
  -webkit-tap-highlight-color:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important; transition:transform .15s ease, border-color .15s, box-shadow .15s!important;
}
#pg-ins.insumos-serio-v1 .insv2-eg-chip__short{ font-size:12.5px!important; letter-spacing:-.02em!important; color:#0f172a!important; }
#pg-ins.insumos-serio-v1 .insv2-eg-chip__lbl{ font-size:9.5px!important; font-weight:600!important; color:#64748b!important; line-height:1.15!important; display:block!important; }
#pg-ins.insumos-serio-v1 .insv2-eg-chip.active,
#pg-ins.insumos-serio-v1 .insv2-eg-chip:hover{
  border:1px solid var(--manto-tbar-borde)!important; background:var(--manto-tbar-grad-cta)!important; color:var(--manto-tbar-txt)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-ins.insumos-serio-v1 .insv2-eg-chip.active .insv2-eg-chip__short,
#pg-ins.insumos-serio-v1 .insv2-eg-chip:hover .insv2-eg-chip__short{ color:var(--manto-tbar-txt)!important; -webkit-text-fill-color:var(--manto-tbar-txt)!important; }
#pg-ins.insumos-serio-v1 .insv2-eg-chip.active .insv2-eg-chip__lbl,
#pg-ins.insumos-serio-v1 .insv2-eg-chip:hover .insv2-eg-chip__lbl{ color:rgba(15,23,42,.72)!important; -webkit-text-fill-color:rgba(15,23,42,.72)!important; }
#pg-ins.insumos-serio-v1 .insv2-subchips{ margin:0!important; padding:6px 10px 4px!important; }
#pg-ins.insumos-serio-v1 .insv2-subchips[hidden]{ display:none!important; }
#pg-ins.insumos-serio-v1 .insv2-subchips-lbl{ display:block!important; font-size:10px!important; font-weight:800!important; color:#64748b!important; text-transform:uppercase!important; letter-spacing:.04em!important; margin:0 0 6px!important; }
#pg-ins.insumos-serio-v1 .insv2-subchips-row{ display:flex!important; flex-wrap:wrap!important; gap:6px!important; align-items:center!important; }
#pg-ins.insumos-serio-v1 .insv2-subchip{
  font-size:9.5px!important; font-weight:800!important;
  min-height:32px!important; height:32px!important; max-height:32px!important;
  padding:0 10px!important; border-radius:8px!important;
  border:1px solid #cbd5e1!important; background:#fff!important; color:#334155!important; cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  box-sizing:border-box!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  line-height:1.1!important;
}
#pg-ins.insumos-serio-v1 .insv2-subchip.active{ border:1px solid #475569!important; background:#e2e8f0!important; }
#pg-ins.insumos-serio-v1 .insv2-mig-bar{ margin:0!important; padding:6px 10px 10px!important; }
#pg-ins.insumos-serio-v1 .insv2-mig-btn{
  display:inline-block!important; width:100%!important; text-align:center!important; font-size:9.5px!important; font-weight:800!important; padding:6px 8px!important;
  border-radius:8px!important; border:1px dashed #94a3b8!important; background:transparent!important; color:#64748b!important; cursor:pointer!important; font-family:inherit!important;
}
#pg-ins.insumos-serio-v1 .insv2-msg-empty{
  text-align:center!important;
  padding:18px 12px!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:600!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-ins.insumos-serio-v1 .insv2-termo-empty{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:14px 12px!important;
  margin-bottom:12px!important;
  text-align:center!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-ins.insumos-serio-v1 .insv2-termo-empty-tit{
  font-weight:800!important;
  color:#111827!important;
  font-size:13px!important;
}
#pg-ins.insumos-serio-v1 .insv2-termo-empty-sub{
  font-size:12px!important;
  color:#64748b!important;
  font-weight:600!important;
  margin-top:6px!important;
}
#pg-ins.insumos-serio-v1 .insv2-termo-empty-btn{
  margin-top:10px!important;
  min-height:36px!important;
  height:36px!important;
  max-height:36px!important;
  width:100%!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:12px!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-weight:700!important;
  font-size:13px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  cursor:pointer!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-ins.insumos-serio-v1 .insv2-termo-empty-btn:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-ins.insumos-serio-v1 .insv2-termo-empty-btn:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}

.modal.ins-serio-v1 .mbox{
  background:var(--superficie-pagina)!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop), 0 12px 32px rgba(15,23,42,.12)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-ins.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-h,
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-h,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-h{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  background:var(--superficie-bloque-header)!important;
  padding:10px 12px!important;
  margin:-16px -16px 14px!important;
  border-bottom:var(--borde-fuerte)!important;
}
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-h-stack,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-h-stack{
  align-items:center!important;
}
#m-ins.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-tit-row,
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-mov-tit-row,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-mov-tit-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#m-ins.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-ico-tit,
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-ico-tit,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-ico-tit{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#m-ins.ins-serio-v1:not(.bitacora-serio-v2) #ins-tit,
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) #insv2-mov-tit,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-mov-tit-row > span{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
}
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-sub,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-sub{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  display:block!important;
  margin-top:2px!important;
}
#m-ins.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-h button,
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-h button,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .ins-modal-h button{
  background:var(--manto-btn-b1-bg)!important;
  border:var(--manto-btn-b1-border)!important;
  color:var(--manto-btn-b1-color)!important;
  border-radius:var(--manto-serio-radius)!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
  box-shadow:var(--manto-btn-b1-shadow)!important;
}
#m-ins.ins-serio-v1:not(.bitacora-serio-v2) .btn.bg_,
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) .btn.bg_,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .btn.bg_{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#m-ins.ins-serio-v1:not(.bitacora-serio-v2) .fi,
#m-insv2-mov.ins-serio-v1:not(.bitacora-serio-v2) .fi,
#m-termo-semen.ins-serio-v1:not(.bitacora-serio-v2) .fi{
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
}
#m-ins.ins-serio-v1:not(.bitacora-serio-v2) .ins-btn-del{
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:var(--manto-btn-danger-bg)!important;
  border:var(--manto-btn-danger-border)!important;
  color:var(--manto-btn-danger-color)!important;
  -webkit-text-fill-color:var(--manto-btn-danger-color)!important;
  box-shadow:var(--manto-btn-danger-shadow)!important;
  border-radius:4px!important;
  font-weight:700!important;
}

/* Termo Pajillas: estilos en styles.css (#m-termo-semen … NEW MODAL) */

/* ================= PARTOS — SERIO V2 (referencia #pg-nac.serio-v2) ================= */
#pg-nac.partos-serio-v1{
  background:var(--superficie-pagina)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  --partos-hembra-accent:#db2777;
  --partos-btn-soft:#6b7280;
  --partos-btn-soft-bd:#5b636a;
  --nac-macho-tit:#0ea5e9;
}
/* Menos aire entre tarjeta «Nacidos del año» y «Registro de partos» (vs gap global 16px) */
#pg-nac.partos-serio-v1 > .section > .section-body > .section-content{
  gap:8px!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  margin-bottom:0!important;
  overflow:hidden!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel--hero{
  padding:0!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-nac.partos-serio-v1 .partos-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-nac.partos-serio-v1 .partos-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
}
@media (min-width:768px){
  #pg-nac.partos-serio-v1 .partos-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-nac.partos-serio-v1 .partos-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-nac.partos-serio-v1 .partos-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
/* ─── «Nacidos del año» APLANADO (fase 2.4d) ───────────────────────────
   Antes: .partos-serio-panel--stats contenía .partos-serio-stats-wrap con
   .partos-serio-stats-head (header custom, icono 28px, título centrado).
   Ahora: usa .partos-serio-panel-h + .partos-serio-panel-body canónicos,
   igual que "Registro de partos" → mismo header unificado que Leche Resumen. */
#pg-nac.partos-serio-v1 .partos-serio-kpi-grid{
  margin-bottom:0!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel--filters{
  padding:0 8px 6px!important;
  overflow:hidden!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel--main .partos-serio-registro-filtros{
  margin:10px 0 0!important;
  padding:0 10px 10px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
/* Recuadro elegante alrededor de los chips (sexo + periodo) */
#pg-nac.partos-serio-v1 .partos-serio-registro-filtros__box{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:10px 12px!important;
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  box-shadow:var(--manto-serio-panel-inset),var(--manto-serio-panel-drop)!important;
  overflow:hidden!important;
}
#pg-nac.partos-serio-v1 .partos-filtros-h-scroll{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pinch-zoom!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  width:100%!important;
  max-width:100%!important;
  /* Aire extra para bordes de .fp (Pebble: translateY -1px) bajo el overflow del scrollport */
  padding:4px 0 3px 0!important;
  box-sizing:border-box!important;
  display:flex!important;
  justify-content:safe center!important;
}
#pg-nac.partos-serio-v1 .partos-serio-registro-filtros__box .partos-filtros-h-scroll{
  margin:0 -2px!important;
  padding:4px 2px 3px 2px!important;
}
#pg-nac.partos-serio-v1 .partos-filtros-h-scroll::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
/* Chips centrados en el bloque; scroll con safe center si el contenido es más ancho */
#pg-nac.partos-serio-v1 .partos-filtros-panel--chips,
#pg-nac.partos-serio-v1 .partos-serio-registro-filtros.partos-filtros-panel--chips{
  display:flex!important;
  justify-content:center!important;
}
#pg-nac.partos-serio-v1 .partos-fp-centered-chain{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:min-content!important;
  margin:0 auto!important;
  width:max-content!important;
  max-width:100%!important;
  direction:ltr!important;
  overflow:visible!important;
  padding:1px 0 1px 0!important;
}
#pg-nac.partos-serio-v1 .partos-fp-sep{
  width:1px!important;
  height:26px!important;
  flex-shrink:0!important;
  background:#cbd5e1!important;
  border-radius:1px!important;
}
#pg-nac.partos-serio-v1 .partos-serio-fprow{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  min-width:min-content!important;
  margin:0!important;
  overflow:visible!important;
  padding-top:1px!important;
  margin-top:-1px!important;
  padding-bottom:1px!important;
  margin-bottom:-1px!important;
}
#pg-nac.partos-serio-v1 .partos-fp-strip{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  min-width:min-content!important;
  overflow:visible!important;
  padding-top:1px!important;
  margin-top:-1px!important;
  padding-bottom:1px!important;
  margin-bottom:-1px!important;
}
/* Sexo: grid — «Todos» siempre legible; Hembras y Machos mismo ancho */
#pg-nac.partos-serio-v1 #fp-nac-sex.partos-fp-strip{
  display:grid!important;
  grid-template-columns:auto minmax(76px,1fr) minmax(76px,1fr)!important;
  gap:6px!important;
  align-items:stretch!important;
  flex-shrink:0!important;
}
#pg-nac.partos-serio-v1 #fp-nac-sex .fp,
#pg-nac.partos-serio-v1 #fp-nac-per .fp{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  height:var(--manto-period-sel-h)!important;
  min-height:var(--manto-period-sel-min-h)!important;
  max-height:var(--manto-period-sel-max-h)!important;
  border-radius:var(--manto-chip-ref-inner-r)!important;
  border:1px solid var(--manto-chip-ref-brd-off)!important;
  background:var(--manto-chip-ref-grad-off)!important;
  color:var(--manto-chip-ref-txt-off)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off)!important;
  font-weight:var(--manto-period-sel-fw)!important;
  padding:0 var(--manto-period-sel-pad-x)!important;
  font-size:var(--manto-period-sel-fs)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  box-shadow:var(--manto-chip-ref-shadow-off)!important;
}
#pg-nac.partos-serio-v1 #fp-nac-sex .fp[data-nac-sex="todos"]{
  width:auto!important;
  min-width:52px!important;
  justify-self:start!important;
}
#pg-nac.partos-serio-v1 #fp-nac-sex .fp[data-nac-sex="hembra"],
#pg-nac.partos-serio-v1 #fp-nac-sex .fp[data-nac-sex="macho"]{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0 6px!important;
}
#pg-nac.partos-serio-v1 #fp-nac-sex .fp.active,
#pg-nac.partos-serio-v1 #fp-nac-per .fp.active{
  background:var(--manto-chip-ref-grad-on)!important;
  border:1px solid var(--manto-chip-ref-brd-on)!important;
  color:var(--manto-chip-ref-txt-on)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on)!important;
  box-shadow:var(--manto-chip-ref-shadow-on)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  font-weight:var(--manto-period-sel-fw-active)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg{
  display:inline-flex!important;
  align-items:stretch!important;
  flex-shrink:0!important;
  border-radius:var(--manto-tbar-radius)!important;
  overflow:hidden!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-seg)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 8px rgba(15,23,42,.06)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg .vb{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0 10px!important;
  font-size:10px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border:none!important;
  margin:0!important;
  min-height:28px!important;
  height:28px!important;
  max-height:28px!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg .manto-vista-ico{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg .manto-vista-lbl{
  line-height:1.1!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg .vb + .vb{
  border-left:1px solid rgba(255,255,255,.95)!important;
  box-shadow:inset 1px 0 0 rgba(15,23,42,.08)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg .vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  border:none!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg .vb.active:hover{
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.11)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg .vb:active{
  opacity:.96!important;
  background:var(--manto-tbar-grad-cta-a)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg .vb:not(.active){
  background:transparent!important;
  color:#334155!important;
}
/* Lista (#vn-l) / Mosaico (#vn-g): mismo contrato que #pg-ani .ani-serio-seg */
#pg-nac.partos-serio-v1 .partos-serio-seg #vn-l.vb.active,
#pg-nac.partos-serio-v1 .partos-serio-seg #vn-g.vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg #vn-l.vb.active:hover,
#pg-nac.partos-serio-v1 .partos-serio-seg #vn-g.vb.active:hover{
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.11)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-seg #vn-l.vb:active,
#pg-nac.partos-serio-v1 .partos-serio-seg #vn-g.vb:active{
  opacity:.96!important;
  background:var(--manto-tbar-grad-vb-a)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel--main{
  margin-bottom:0!important;
  padding:0!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel-h{
  background:var(--superficie-bloque-header)!important;
  padding:9px 13px!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel-h--toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel--main .partos-serio-panel-hint-below-h{
  display:block!important;
  margin:0 10px 6px!important;
  padding:0!important;
  font-size:10px!important;
  font-weight:600!important;
  color:#94a3b8!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.25!important;
}
#pg-nac.partos-serio-v1 .partos-serio-panel-body{
  padding:10px!important;
  background:#ffffff!important;
}
#pg-nac.partos-serio-v1 .sc{
  border-radius:4px!important;
  border:1px solid #cfd4dc!important;
  background:#ffffff!important;
  box-shadow:none!important;
  text-align:center!important;
}
#pg-nac.partos-serio-v1 .sc.partos-kpi-h,
#pg-nac.partos-serio-v1 .sc.partos-kpi-m{
  border-radius:10px!important;
  border:var(--manto-serio-panel-borde)!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(0,0,0,.1),
    0 2px 8px rgba(15,23,42,.07)!important;
}
#pg-nac.partos-serio-v1 .sc *{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
#pg-nac.partos-serio-v1 #nac-list [style*="border-radius"],
#pg-nac.partos-serio-v1 #nac-list .card{
  border-radius:4px!important;
  box-shadow:none!important;
}
#pg-nac.partos-serio-v1 .sc.partos-kpi-h::before{
  background:linear-gradient(90deg,#db2777,#f472b6)!important;
}
#pg-nac.partos-serio-v1 .sc.partos-kpi-m::before{
  background:linear-gradient(90deg,#0ea5e9,#38bdf8)!important;
}
#pg-nac.partos-serio-v1 .partos-kpi-tit{
  font-size:12px!important;
  font-weight:800!important;
  color:#111827!important;
  margin-bottom:6px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-nac.partos-serio-v1 .partos-kpi-val{
  font-size:34px!important;
  font-weight:900!important;
  color:#000000!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-nac.partos-serio-v1 .partos-kpi-sub{
  font-size:11px!important;
  font-weight:600!important;
  color:#64748b!important;
  margin-top:6px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Nacidos del año: tarjetas KPI más compactas */
#pg-nac.partos-serio-v1 .partos-kpi-compact{
  gap:6px!important;
}
#pg-nac.partos-serio-v1 .partos-kpi-compact .sc.partos-kpi-h,
#pg-nac.partos-serio-v1 .partos-kpi-compact .sc.partos-kpi-m{
  padding:6px 8px 7px!important;
}
#pg-nac.partos-serio-v1 .partos-kpi-compact .partos-kpi-tit{
  font-size:10px!important;
  margin-bottom:3px!important;
}
#pg-nac.partos-serio-v1 .partos-kpi-compact .partos-kpi-val{
  font-size:22px!important;
}
#pg-nac.partos-serio-v1 .partos-kpi-compact .partos-kpi-sub{
  font-size:9px!important;
  margin-top:3px!important;
}
#pg-nac.partos-serio-v1 #nac-list .pill.pg_{
  background:#fdf2f8!important;
  color:#be185d!important;
  border:1px solid #f9a8d4!important;
}

/* Partos — alto contraste (sol): mismas variables que el resto de la app (recuadro «Registro de partos» y paneles) */
body.sol #pg-nac.partos-serio-v1{
  background:var(--bg)!important;
  --nac-macho-tit:#0369a1;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-panel{
  background:var(--s1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-hero{
  background:var(--s2)!important;
  border-bottom-color:var(--brd)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-hero__ico-wrap{
  background:var(--s1)!important;
  border-color:var(--brd)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-hero__kicker{
  color:var(--t3)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-hero__title{
  color:var(--t1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-hero__sub{
  color:var(--t3)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-guia{
  background:var(--s1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-guia__item{
  border-color:var(--brd)!important;
  background:var(--s2)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-guia__txt strong{
  color:var(--t1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-actions-hd{
  background:var(--s2)!important;
  border-bottom-color:var(--brd)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-actions-hd__tit{
  color:var(--t1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-actions-hd__hint{
  color:var(--t3)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-actions-body{
  background:var(--s1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-stats-wrap{
  background:transparent!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-stats-tit{
  color:var(--t1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-fp-sep{
  background:var(--brd)!important;
}
body.sol #pg-nac.partos-serio-v1 #fp-nac-sex .fp,
body.sol #pg-nac.partos-serio-v1 #fp-nac-per .fp{
  background:var(--s1)!important;
  border-color:var(--brd)!important;
  color:var(--t1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-registro-filtros__box{
  background:var(--s2)!important;
  border:1px solid var(--brd)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 1px 3px rgba(0,0,0,.12)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-seg{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-seg)!important;
  box-shadow:var(--manto-tbar-inset-hi),0 2px 8px rgba(15,23,42,.06)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-seg .vb:not(.active){
  color:#334155!important;
  -webkit-text-fill-color:#334155!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-seg .vb.active{
  background:var(--manto-tbar-grad-vb-on)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.1),var(--manto-tbar-elev)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-panel-h{
  background:var(--s2)!important;
  border-bottom-color:var(--brd)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-panel-h--toolbar .partos-serio-panel-htit{
  color:var(--t1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-panel--main .partos-serio-panel-hint-below-h{
  color:var(--t3)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-serio-panel-body{
  background:var(--s1)!important;
}
body.sol #pg-nac.partos-serio-v1 .sc{
  border-color:var(--brd)!important;
  background:var(--s1)!important;
}
body.sol #pg-nac.partos-serio-v1 .sc.partos-kpi-h,
body.sol #pg-nac.partos-serio-v1 .sc.partos-kpi-m{
  border-color:var(--brd)!important;
  background:linear-gradient(180deg,var(--s1),var(--s2))!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-kpi-tit{
  color:var(--t1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-kpi-val{
  color:var(--t1)!important;
}
body.sol #pg-nac.partos-serio-v1 .partos-kpi-sub{
  color:var(--t3)!important;
}
body.sol #pg-nac.partos-serio-v1 #nac-list .noph{
  background:var(--s2)!important;
}
body.sol #pg-nac.partos-serio-v1 #nac-list .nac-mosaic-card{
  border-width:2px!important;
}
body.sol #pg-nac.partos-serio-v1 #nac-list .bcard{
  border-width:2px!important;
}

/* ================= MODAL REGISTRAR PARTO + FICHA ANIMAL + NUEVO ANIMAL (misma piel SERIO V1) ================= */
/* Paleta unificada SLATE: fondo y borde del header del token canónico. */
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1) .nac-modal-h,
#m-det.ficha-modal-serio-v1 .ficha-modal-h{
  background:var(--modal-header-bg)!important;
  padding:10px 12px!important;
  margin:-16px -16px 14px!important;
  border-bottom:var(--borde-fuerte)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1) .nac-modal-tit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1) .nac-modal-back{
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  border-radius:var(--manto-serio-radius,5px)!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
  transition:background .15s,border-color .15s,box-shadow .15s,opacity .12s!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1) .nac-modal-back:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1) .nac-modal-back:active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1) .nac-modal-subl{
  font-size:11px!important;
  font-weight:700!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  margin-bottom:8px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Campos: recuadros como Registrar parto */
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1, #m-liq.finanzas-modal-serio-v1, #m-costo.finanzas-modal-serio-v1, #m-ctrl-lec.calidad-lec-modal-serio-v1) .fi{
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(0,0,0,.04),
    0 1px 4px rgba(15,23,42,.05)!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1, #m-liq.finanzas-modal-serio-v1, #m-costo.finanzas-modal-serio-v1, #m-ctrl-lec.calidad-lec-modal-serio-v1) .fi:focus{
  border-color:var(--manto-tab-vitreo-borde)!important;
  outline:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 0 0 2px rgba(148,163,184,.28)!important;
}
/* Registrar parto / Nuevo animal — observaciones: fila + mic vía .manto-fi-voz-wrap y .manto-voz-btn en styles.css (sin width:auto en .manto-fi-voz-wrap--ta) */
#m-nac.nac-modal-serio-v1 .fi-voz-wrap,
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .fi-voz-wrap{
  width:100%!important;
}
#m-nac.nac-modal-serio-v1 .fi-voz-wrap:not(.manto-fi-voz-wrap--ta) .fi,
#m-nac.nac-modal-serio-v1 .fi-voz-wrap:not(.manto-fi-voz-wrap--ta) textarea,
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .fi-voz-wrap:not(.manto-fi-voz-wrap--ta) .fi,
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .fi-voz-wrap:not(.manto-fi-voz-wrap--ta) textarea{
  width:auto!important;
  box-sizing:border-box!important;
}
#m-nac.nac-modal-serio-v1 #ph-nac .phs{
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(0,0,0,.05),
    0 1px 4px rgba(15,23,42,.06)!important;
}
#m-nac.nac-modal-serio-v1 #ph-nac .phs:hover{
  border-color:#cbd5e1!important;
}
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 #ph-ani .phs{
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(0,0,0,.05),
    0 1px 4px rgba(15,23,42,.06)!important;
}
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 #ph-ani .phs:hover{
  border-color:#cbd5e1!important;
}
/* Franja de fotos en ficha: mismo contenedor que slots de parto */
#m-det.ficha-modal-serio-v1 #det-phs.ficha-serio-v1__photo-strip{
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(0,0,0,.05),
    0 1px 4px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1, #m-liq.finanzas-modal-serio-v1, #m-costo.finanzas-modal-serio-v1, #m-ctrl-lec.calidad-lec-modal-serio-v1) .flbl{
  color:#475569!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1, #m-liq.finanzas-modal-serio-v1, #m-costo.finanzas-modal-serio-v1) .nac-prev-box,
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__block{
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  margin-bottom:12px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 5px rgba(15,23,42,.05)!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1, #m-liq.finanzas-modal-serio-v1, #m-costo.finanzas-modal-serio-v1) .nac-prev-hdr{
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
  padding:8px 12px!important;
  font-size:11px!important;
  font-weight:700!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  text-align:center!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__block-h{
  background:var(--superficie-bloque-header)!important;
  border-bottom:var(--borde-fuerte)!important;
}
#m-det.ficha-modal-serio-v1 .ficha-serio-v1__block-tit{
  font-size:13px!important;
  font-weight:700!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
:is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1, #m-liq.finanzas-modal-serio-v1, #m-costo.finanzas-modal-serio-v1) .nac-prev-num{
  padding:14px 12px!important;
  text-align:center!important;
  font-size:28px!important;
  font-weight:900!important;
  color:#111827!important;
  font-variant-numeric:tabular-nums!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Tarjetas KPI (det-info): mismo recuadro que .fi */
#m-det.ficha-modal-serio-v1 #det-info > div.card{
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(0,0,0,.04),
    0 1px 4px rgba(15,23,42,.05)!important;
}
#m-liq.finanzas-modal-serio-v1:not(.modal-nuevo) .btn.bg_.finanzas-modal-save,
#m-costo.finanzas-modal-serio-v1:not(.modal-nuevo) .btn.bg_.finanzas-modal-save,
:is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1 .btn.bg_.ani-modal-save{
  height:52px!important;
  border-radius:10px!important;
  margin-top:8px!important;
  border:var(--manto-btn-b2-border)!important;
  background:var(--manto-btn-b2-bg)!important;
  color:var(--manto-btn-b2-color)!important;
  font-size:15px!important;
  font-weight:800!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  text-shadow:none!important;
}

/* SERIO V1: Regresar — «botón gris ok» (tokens --manto-btn-gris-ok-*; vence inline rojo legacy). Excluir .bitacora-modal-back: NEW MODAL / Bitácora en styles.css */
.modal button[onclick*="regresarModalDesde"]:not(.bitacora-modal-back):not(.serio-v1-btn-back):not(.nac-modal-save):not(.ani-modal-save):not(.vac-modal-save):not(.evento-modal-save):not(.finanzas-modal-save):not(.bgr_):not(.bit-bitacora-foot-cancel):not(.bit-bitacora-foot-save),
.modal button[onclick*="volverAReprod"]:not(.nac-modal-save):not(.ani-modal-save):not(.vac-modal-save):not(.evento-modal-save):not(.finanzas-modal-save),
.modal button[onclick*="cm('m-exportar')"],
.modal button[onclick*="cm('m-importar')"],
.modal button[onclick*="cm('m-aforo')"],
.modal .mtit button.bx,
.modal button.ev-modal-back,
.modal button.pes-det-modal-back{
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  border-radius:var(--manto-serio-radius,5px)!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  text-shadow:none!important;
  transition:background .15s,border-color .15s,box-shadow .15s,opacity .12s!important;
}
.modal button[onclick*="regresarModalDesde"]:not(.bitacora-modal-back):not(.serio-v1-btn-back):not(.nac-modal-save):not(.ani-modal-save):not(.vac-modal-save):not(.evento-modal-save):not(.finanzas-modal-save):not(.bgr_):not(.bit-bitacora-foot-cancel):not(.bit-bitacora-foot-save):hover,
.modal button[onclick*="volverAReprod"]:not(.nac-modal-save):not(.ani-modal-save):not(.vac-modal-save):not(.evento-modal-save):not(.finanzas-modal-save):hover,
.modal button[onclick*="cm('m-exportar')"]:hover,
.modal button[onclick*="cm('m-importar')"]:hover,
.modal button[onclick*="cm('m-aforo')"]:hover,
.modal .mtit button.bx:hover,
.modal button.ev-modal-back:hover,
.modal button.pes-det-modal-back:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
.modal button[onclick*="regresarModalDesde"]:not(.bitacora-modal-back):not(.serio-v1-btn-back):not(.nac-modal-save):not(.ani-modal-save):not(.vac-modal-save):not(.evento-modal-save):not(.finanzas-modal-save):not(.bgr_):not(.bit-bitacora-foot-cancel):not(.bit-bitacora-foot-save):active,
.modal button[onclick*="volverAReprod"]:not(.nac-modal-save):not(.ani-modal-save):not(.vac-modal-save):not(.evento-modal-save):not(.finanzas-modal-save):active,
.modal button[onclick*="cm('m-exportar')"]:active,
.modal button[onclick*="cm('m-importar')"]:active,
.modal button[onclick*="cm('m-aforo')"]:active,
.modal .mtit button.bx:active,
.modal button.ev-modal-back:active,
.modal button.pes-det-modal-back:active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
/* Modo día: mismo criterio gris ok (ligero ajuste de sombra si hiciera falta) */
body.light .modal button[onclick*="regresarModalDesde"]:not(.bitacora-modal-back):not(.serio-v1-btn-back):not(.nac-modal-save):not(.ani-modal-save):not(.vac-modal-save):not(.evento-modal-save):not(.finanzas-modal-save):not(.bgr_):not(.bit-bitacora-foot-cancel):not(.bit-bitacora-foot-save),
body.light .modal button[onclick*="volverAReprod"]:not(.nac-modal-save):not(.ani-modal-save):not(.vac-modal-save):not(.evento-modal-save):not(.finanzas-modal-save),
body.light .modal button[onclick*="cm('m-exportar')"],
body.light .modal button[onclick*="cm('m-importar')"],
body.light .modal button[onclick*="cm('m-aforo')"],
body.light .modal .mtit button.bx,
body.light .modal button.ev-modal-back,
body.light .modal button.pes-det-modal-back,
body.light :is(#m-nac.nac-modal-serio-v1, #m-det.ficha-modal-serio-v1, :is(#m-ani-new,#m-ani-edit).ani-modal-serio-v1, #m-dash-leche-grafico.evento-modal-serio-v1) .nac-modal-back{
  background:var(--manto-btn-gris-ok-bg)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
}

/* ================= DETALLE DEL PARTO (tipografía como Registrar parto serio v1) ================= */
/* Paleta unificada SLATE: fondo y borde del header del token canónico. */
#m-nac-det.nac-det-serio-v1 .nac-modal-h.nac-det-modal-h{
  background:var(--modal-header-bg)!important;
  padding:10px 12px!important;
  margin:-16px -16px 14px!important;
  border-bottom:var(--borde-fuerte)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#m-nac-det.nac-det-serio-v1 .nac-det-modal-tit{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-nac-det.nac-det-serio-v1 .nac-det-modal-tit img{
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
}
#m-nac-det.nac-det-serio-v1 .nac-modal-back{
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  border-radius:var(--manto-serio-radius,5px)!important;
  padding:8px 14px!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  text-shadow:none!important;
  transition:background .15s,border-color .15s,box-shadow .15s,opacity .12s!important;
}
#m-nac-det.nac-det-serio-v1 .nac-modal-back:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
#m-nac-det.nac-det-serio-v1 .nac-modal-back:active{
  opacity:.96!important;
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
#m-nac-det .nac-det-main-tit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-nac-det .nac-det-sex-ico{
  font-size:20px!important;
  font-weight:700!important;
  line-height:1!important;
}

/* ================= POTREROS — SERIO V2 (referencia #pg-pot.serio-v2) ================= */
#pg-pot.potreros-serio-v1{
  --pot-head-pad-x:10px;
  --pot-head-pad-y:8px;
  --pot-ico-col:32px;
  background:var(--superficie-pagina)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:4px!important;
  overflow:hidden!important;
  margin-bottom:0!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(0,0,0,.05),
    0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-panel *{
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-panel--hero{
  padding:0!important;
}
#pg-pot.potreros-serio-v1 .pot-hero-lottie.dash-serio-hero__ico-inline{
  width:48px!important;
  height:48px!important;
  max-width:48px!important;
  flex-shrink:0!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  border:none!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
#pg-pot.potreros-serio-v1 .pot-hero-lottie.dash-serio-hero__ico-inline svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero{
  padding:12px 12px 10px!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__main{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-width:0!important;
  flex:1!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__ico-wrap{
  flex-shrink:0!important;
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  background:linear-gradient(165deg,#ffffff 0%,#eef2f6 100%)!important;
  border:1px solid #e2e8f0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.06)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__ico{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__text{
  min-width:0!important;
  flex:1!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__text-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__kicker{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__title{
  font-size:17px!important;
  font-weight:800!important;
  color:#111827!important;
  margin:2px 0 4px!important;
  line-height:1.2!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-hero__sub{
  font-size:12px!important;
  font-weight:600!important;
  color:#64748b!important;
  line-height:1.4!important;
  margin:0!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-guia{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:10px 12px 12px!important;
  background:#ffffff!important;
  border-top:1px solid #eef0f3!important;
}
@media (min-width:768px){
  #pg-pot.potreros-serio-v1 .pot-serio-guia{
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
  }
}
#pg-pot.potreros-serio-v1 .pot-serio-guia__item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  font-size:11px!important;
  font-weight:600!important;
  color:#475569!important;
  line-height:1.35!important;
  padding:8px 10px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#fafbfc 0%,#f4f6f8 100%)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-guia__n{
  flex-shrink:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:900!important;
  color:#f8fafc!important;
  background:var(--manto-btn-b2-bg)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-guia__txt strong{
  color:#334155!important;
  font-weight:800!important;
}
#pg-pot.potreros-serio-v1 .pot-kpis-wrap{
  margin-bottom:0!important;
}
/* Ritmo vertical 8px entre KPIs, mapa, lista, filtros y novedades */
html body #pg-pot.potreros-serio-v1 #pot-main-vista-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
html body #pg-pot.potreros-serio-v1 #pot-main-vista-wrap > *{
  margin-top:0!important;
  margin-bottom:0!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:4px!important;
  overflow:hidden!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(0,0,0,.05),
    0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-panel-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
}
/* Novedad + Aforo — misma fila arriba (zona del antiguo «Resumen del campo»; tokens --manto-tbar-*) */
#pg-pot.potreros-serio-v1 .pot-kpi-quick-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:8px 12px!important;
  background:var(--superficie-bloque-header)!important;
  border-bottom:1px solid #e5e7eb!important;
  box-sizing:border-box!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-qbtn{
  min-height:var(--manto-tbar-cta-h)!important;
  height:var(--manto-tbar-cta-h)!important;
  padding:0 var(--manto-tbar-cta-pad-x)!important;
  border-radius:var(--manto-tbar-radius)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  cursor:pointer!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-qbtn__ico{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-kpi-qbtn{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-kpi-qbtn:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-kpi-qbtn:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
/* Novedades del campo — mismo CTA que resumen; 32px y ancho al texto */
#pg-pot.potreros-serio-v1 .pot-kpi-qbtn--nov-panel{
  width:auto!important;
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  max-height:32px!important;
  padding:0 10px!important;
  font-size:12px!important;
  gap:6px!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-qbtn--nov-panel .pot-kpi-qbtn__ico{
  width:16px!important;
  height:16px!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-cell{
  cursor:pointer!important;
  border-right:1px solid #eef0f3!important;
  border-bottom:1px solid #eef0f3!important;
  background:#ffffff!important;
  transition:background .12s ease!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-cell:nth-child(2n){
  border-right:none!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-cell:nth-child(n+3){
  border-bottom:none!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-cell:hover,
#pg-pot.potreros-serio-v1 .pot-kpi-cell:active{
  background:#f9fafb!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-cell--alert .pot-kpi-num{
  color:#b45309!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-cell-inner{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  min-height:72px!important;
  box-sizing:border-box!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-ico{
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:24px!important;
  line-height:1!important;
  flex-shrink:0!important;
  opacity:.9!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-ico--svg img{
  width:30px!important;
  height:30px!important;
  display:block!important;
  object-fit:contain!important;
}

/* KPI específico: Abonos (30 días) — un poco más grande para igualar visual */
#pg-pot.potreros-serio-v1 .pot-kpi-cell[data-potfiltro="abono"] .pot-kpi-ico--svg img{
  width:34px!important;
  height:34px!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-body{
  flex:1!important;
  min-width:0!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-body{
  text-align:center!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-tit{
  font-size:9px!important;
  font-weight:700!important;
  color:#6b7280!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  line-height:1.25!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-num{
  font-size:20px!important;
  font-weight:800!important;
  color:#111827!important;
  line-height:1.15!important;
  margin-top:3px!important;
  text-align:center!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-meta{
  font-size:9px!important;
  font-weight:700!important;
  color:#6b7280!important;
  flex-shrink:0!important;
  max-width:52px!important;
  text-align:right!important;
  line-height:1.2!important;
  align-self:center!important;
  padding-top:0!important;
}
#pg-pot.potreros-serio-v1 .pot-kpi-cell--alert .pot-kpi-meta{
  color:#b45309!important;
}

/* Paneles mapa / lista / novedades — serio v1 (clases) */
#pg-pot.potreros-serio-v1 .pot-panel{
  background:#ffffff!important;
  border:var(--manto-serio-panel-borde)!important;
  border-radius:var(--manto-serio-radius)!important;
  overflow:hidden!important;
  margin-bottom:0!important;
  box-shadow:var(--manto-serio-panel-inset), var(--manto-serio-panel-drop)!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-h{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:var(--superficie-bloque-header)!important;
  padding:10px 12px!important;
  border-bottom:var(--borde-fuerte)!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-h-tit{
  font-size:15px!important;
  font-weight:800!important;
  color:#111827!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#pg-pot.potreros-serio-v1 .pot-panel--list .pot-panel-h-tit--mis-pot{
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
#pg-pot.potreros-serio-v1 .serio-v1-title-box--header-bloque .pot-panel-h-tit{
  display:block!important;
  gap:0!important;
}
#pg-pot.potreros-serio-v1 .pot-mis-cta{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  min-height:32px!important;
  height:32px!important;
  max-height:32px!important;
  padding:0 10px!important;
  border-radius:var(--manto-tbar-radius)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:12px!important;
  font-weight:700!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
  white-space:nowrap!important;
}
#pg-pot.potreros-serio-v1 .pot-mis-cta__ico{
  width:15px!important;
  height:15px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
body.light #pg-pot.potreros-serio-v1 .pot-mis-cta:hover{
  border-color:#3f4754!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-h-ico{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-h-actions--nov{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  flex:0 1 auto!important;
  min-width:0!important;
}
/* Mapa de la finca — cabecera solo título; debajo del mapa: Ampliar Mapa + Trazar o Medir (misma fila) */
#pg-pot.potreros-serio-v1 .pot-panel--map .pot-panel-h{
  padding:11px 12px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  justify-content:flex-start!important;
}
#pg-pot.potreros-serio-v1 .pot-panel--map .pot-panel-h .pes-serio-panel-htit-wrap{
  flex:1 1 auto!important;
  min-width:0!important;
}
#pg-pot.potreros-serio-v1 .pot-panel--map .pot-panel-map-actions-below{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  background:var(--superficie-bloque-header)!important;
  border-top:1px solid #e5e7eb!important;
}
#pg-pot.potreros-serio-v1 .pot-panel--map .pot-panel-map-actions-below > .pot-panel-btn{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
#pg-pot.potreros-serio-v1 #pot-mapa-slot{
  min-height:0!important;
}
/* Mapa de la finca — dos CTAs bajo el mapa: mismo «botón gris OK» (tokens --manto-btn-gris-ok-*)
   2026-04-21: radio subido a 12px (pedido usuario) — alineado con piel Pebble Vida. */
#pg-pot.potreros-serio-v1 .pot-panel--map #btn-pot-mapa-ampliar,
#pg-pot.potreros-serio-v1 .pot-panel--map #btn-pot-mapa-trazo-medir{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.15!important;
  border-radius:12px!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  white-space:nowrap!important;
  text-align:center!important;
}
#pg-pot.potreros-serio-v1 .pot-panel--map #btn-pot-mapa-ampliar:hover,
#pg-pot.potreros-serio-v1 .pot-panel--map #btn-pot-mapa-trazo-medir:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
#pg-pot.potreros-serio-v1 .pot-panel--map #btn-pot-mapa-ampliar:active,
#pg-pot.potreros-serio-v1 .pot-panel--map #btn-pot-mapa-trazo-medir:active{
  background:var(--manto-btn-gris-ok-bg-active)!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-btn,
#pg-pot.potreros-serio-v1 .pot-panel-btn--sec,
#pg-pot.potreros-serio-v1 .pot-panel-btn--line{
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
  border-radius:var(--manto-serio-radius)!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-btn--sec{
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:5px 10px!important;
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-btn--sec[style*="inline-flex"],
#pg-pot.potreros-serio-v1 .pot-panel-btn--sec[style*="flex"]{
  display:inline-flex!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-btn--line{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 12px!important;
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-btn-img{
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  display:block!important;
}
#pg-pot.potreros-serio-v1 .pot-panel--map .pot-panel-h-actions .pot-panel-btn-img{
  width:14px!important;
  height:14px!important;
  flex-shrink:0!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-body{
  padding:10px!important;
  background:#ffffff!important;
}
#pg-pot.potreros-serio-v1 .pot-panel-map-wrap{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  background:#ffffff!important;
}
#pg-pot.potreros-serio-v1 #pot-kpis > div,
#pg-pot.potreros-serio-v1 #pot-kpis .card,
#pg-pot.potreros-serio-v1 #pot-inline-list > div,
#pg-pot.potreros-serio-v1 #pot-list > div{
  border-radius:4px!important;
  box-shadow:none!important;
}
#pg-pot.potreros-serio-v1 [id^="pot-f-"],
#pg-pot.potreros-serio-v1 [id^="pot-nov-f-"]{
  box-sizing:border-box!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border-radius:var(--manto-serio-radius)!important;
  border:var(--manto-btn-b3-border)!important;
  background:var(--manto-btn-b3-bg)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  font-weight:700!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
#pg-pot.potreros-serio-v1 .pot-filter-ico{
  width:15px!important;
  height:15px!important;
  flex-shrink:0!important;
  display:block!important;
  object-fit:contain!important;
  opacity:.88!important;
}
#pg-pot.potreros-serio-v1 #pot-f-cerca .pot-filter-ico,
#pg-pot.potreros-serio-v1 #pot-nov-f-cerca .pot-filter-ico{
  width:18px!important;
  height:18px!important;
}
/* Seleccionado: mismo gris que botón Novedad (tokens --manto-tbar-*) */
#pg-pot.potreros-serio-v1 [id^="pot-f-"].active,
#pg-pot.potreros-serio-v1 [id^="pot-nov-f-"].active{
  border:1px solid var(--manto-tbar-borde)!important;
  background:var(--manto-tbar-grad-cta)!important;
  color:var(--manto-tbar-txt)!important;
  -webkit-text-fill-color:var(--manto-tbar-txt)!important;
  font-weight:700!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
body.light #pg-pot.potreros-serio-v1 [id^="pot-f-"].active,
body.light #pg-pot.potreros-serio-v1 [id^="pot-nov-f-"].active{
  background:var(--manto-tbar-grad-cta)!important;
  border:1px solid var(--manto-tbar-borde)!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),var(--manto-tbar-elev-premium)!important;
}
#pg-pot.potreros-serio-v1 [id^="pot-f-"].active .pot-filter-ico,
#pg-pot.potreros-serio-v1 [id^="pot-nov-f-"].active .pot-filter-ico{
  opacity:1!important;
  filter:drop-shadow(0 0 0.55px rgba(15,23,42,.42)) contrast(1.06)!important;
}
/* Activo: hover / active alineados con pot-kpi-qbtn */
#pg-pot.potreros-serio-v1 [id^="pot-f-"].active:hover,
#pg-pot.potreros-serio-v1 [id^="pot-nov-f-"].active:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
body.light #pg-pot.potreros-serio-v1 [id^="pot-f-"].active:hover,
body.light #pg-pot.potreros-serio-v1 [id^="pot-nov-f-"].active:hover{
  border-color:#3f4754!important;
  box-shadow:var(--manto-tbar-inset-hi),var(--manto-tbar-inset-sh),0 3px 14px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.05)!important;
}
#pg-pot.potreros-serio-v1 [id^="pot-f-"].active:active,
#pg-pot.potreros-serio-v1 [id^="pot-nov-f-"].active:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
body.light #pg-pot.potreros-serio-v1 [id^="pot-f-"].active:active,
body.light #pg-pot.potreros-serio-v1 [id^="pot-nov-f-"].active:active{
  opacity:.98!important;
  background:var(--manto-tbar-grad-cta-a)!important;
}
#pg-pot.potreros-serio-v1 [id^="pot-f-"]:not(.active):hover,
#pg-pot.potreros-serio-v1 [id^="pot-nov-f-"]:not(.active):hover,
#pg-pot.potreros-serio-v1 [id^="pot-f-"]:not(.active):active,
#pg-pot.potreros-serio-v1 [id^="pot-nov-f-"]:not(.active):active{
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
/* Franja de filtros — dentro de cada panel (Mis potreros / Novedades) */
#pg-pot.potreros-serio-v1 .pot-panel .pot-serio-v1__filter-strip{
  border-radius:0!important;
  border-left:none!important;
  border-right:none!important;
  border-top:none!important;
  margin:0!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-v1__filter-strip{
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:8px!important;
  margin-bottom:0!important;
  background:#e8ecf1!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;
  overscroll-behavior-y:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
#pg-pot.potreros-serio-v1 .pot-serio-v1__filter-strip::-webkit-scrollbar{display:none!important}

/* Modales Potreros (shell Bitácora): caja/cabecera en styles.css — solo campos y listas aquí */
#m-novedad.pot-serio-v1 .pot-modal-subl{
  font-size:11px!important;
  font-weight:700!important;
  color:#64748b!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  margin-bottom:8px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-novedad.pot-serio-v1 .pot-nov-tipo-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  margin-bottom:12px!important;
}
/* + Nuevo / Ver mapa: .bitacora-btn--pri / --sec en styles.css */
/* Pie #m-potrero-det: Editar = 3 cols; Nuevo = pareja Cancelar+Guardar (no forzar grid 3) */
#m-potrero-det.pot-serio-v1.pot-det--edicion .pot-det-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:0!important;
  align-items:stretch!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#m-potrero-det.pot-serio-v1.pot-det--nuevo .pot-det-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
/* No pisar .bitacora-modal-back: Regresar unificado usa 12px en styles.css (.bitacora-modal-back--atras) */
#m-potreros button:not(.bitacora-modal-back),
#m-potrero-ficha button:not(.bitacora-modal-back),
#m-potrero-det button:not(.bitacora-modal-back):not(.pot-det-trazar-btn),
#m-novedad button:not(.bitacora-modal-back):not(.manto-voz-btn),
#m-aforo button:not(.bitacora-modal-back):not(.serio-v1-btn-back){
  border-radius:var(--manto-serio-radius)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Trazar / GPS: radio 12px (bloque dedicado en styles.css; no pisar con --manto-serio-radius) */
#m-potrero-det .pot-det-trazar-btn{
  border-radius:12px!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
#m-potreros.pot-serio-v1 .fi,
#m-potrero-det.pot-serio-v1 .fi,
/* Solo .fi hijo directo de .fg: no pisar textarea#nov-desc dentro de .manto-fi-voz-wrap--serio-pill */
#m-novedad.pot-serio-v1 .fg > .fi,
#m-aforo .fi{
  border-radius:10px!important;
  border:1px solid #e2e8f0!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(0,0,0,.04),
    0 1px 4px rgba(15,23,42,.05)!important;
}
#m-potreros.pot-serio-v1 .fi:focus,
#m-potrero-det.pot-serio-v1 .fi:focus,
#m-novedad.pot-serio-v1 .fg > .fi:focus,
#m-aforo.aforo-form-modal .fi:focus{
  border-color:var(--manto-tab-vitreo-borde)!important;
  outline:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 0 0 2px rgba(148,163,184,.28)!important;
}
#m-potreros .flbl,
#m-potrero-det .flbl,
#m-novedad .flbl,
#m-aforo .flbl{
  color:#4b5563!important;
  font-weight:700!important;
}
/* KPI resumen Mis potreros: recuadro en styles.css (.pot-mis-kpi-bloque) */
#m-potreros #pot-lista-potreros > div,
#m-potrero-det #pot-det-nov-list > div,
#m-novedad #nov-campos-plaga > div,
#m-novedad #nov-campos-cerca > div,
#m-novedad #nov-campos-abono > div,
#m-aforo #aforo-kpis .aforo-kpi{
  border-radius:12px!important;
  box-shadow:
    var(--manto-serio-panel-inset, inset 0 1px 0 rgba(255,255,255,.78)),
    0 2px 10px rgba(15,23,42,.09)!important;
}
/* Calcular aforo: altura + radio 12px (el selector global #m-aforo button usa --manto-serio-radius y lo pisaba) */
#m-aforo.aforo-form-modal.bitacora-serio-v2 .aforo-btn-calc{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  line-height:1!important;
  border-radius:12px!important;
}
#m-potrero-det #pot-color-btns button{
  border-radius:999px!important;
}
#m-novedad #nov-t-plaga,
#m-novedad #nov-t-cerca,
#m-novedad #nov-t-abono,
#m-novedad #nov-t-nota{
  border-radius:var(--manto-serio-radius)!important;
  border:var(--manto-btn-b3-border)!important;
  background:var(--manto-btn-b3-bg)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  font-weight:700!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
}
#m-novedad #nov-t-plaga.active,
#m-novedad #nov-t-cerca.active,
#m-novedad #nov-t-abono.active,
#m-novedad #nov-t-nota.active{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.14);
  box-shadow:var(--manto-btn-b2-shadow)!important;
}
/* Aforo — pie Limpiar (br_ / danger) + Guardar: 36px, icono a la izquierda */
#m-aforo .aforo-modal-footer-row .aforo-foot-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:36px!important;
  height:36px!important;
  max-height:36px!important;
  box-sizing:border-box!important;
  padding:0 14px!important;
}
#m-aforo .aforo-modal-footer-row .aforo-foot-ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
/* Guardar aforo: piel .btn-gris-ok (no forzar B2); tipografía alineada a Limpiar vía styles.css #m-aforo .bit-bitacora-foot-save */
#m-aforo #aforo-btn-guardar.btn-gris-ok{
  text-shadow:none!important;
  font-weight:800!important;
  font-size:14px!important;
}
/* Novedad — Guardar: refuerzo tipográfico (pie NEW MODAL en styles.css); no pisar pareja Bitácora */
#m-novedad #btn-save-nov.pot-nov-btn-save:not(.bit-bitacora-foot-save),
#m-novedad .pot-nov-btn-save.btn-gris-ok:not(.bit-bitacora-foot-save){
  text-shadow:none!important;
  font-weight:700!important;
}
/* Novedad — fila del pie NEW MODAL (.ani-serio-v2-footer-shell__row.pot-nov-actions) */
#m-novedad.pot-serio-v1 .ani-serio-v2-footer-shell__row.pot-nov-actions{
  flex-wrap:wrap!important;
  align-items:stretch!important;
}
#m-potrero-det #btn-del-pot{
  border-radius:10px!important;
}
#m-aforo [style*="background:var(--s2)"],
#m-aforo [style*="background:var(--s1)"]{
  border-radius:4px!important;
  border-color:var(--manto-tab-vitreo-borde)!important;
}
#m-aforo [style*="linear-gradient(90deg,#22c55e,#4ade80)"]{
  border-radius:999px!important;
}
@media (max-width:767px){
  #m-potrero-det .bitacora-mbox,
  #m-potrero-ficha .bitacora-mbox,
  #m-novedad .bitacora-mbox,
  #m-potreros .bitacora-mbox,
  #m-aforo .bitacora-mbox{
    padding:12px!important;
  }
  #m-potrero-det #pot-color-btns{
    gap:8px!important;
  }
  #m-potrero-det #pot-color-btns button{
    width:30px!important;
    height:30px!important;
  }
  #m-novedad #nov-t-plaga,
  #m-novedad #nov-t-cerca,
  #m-novedad #nov-t-abono,
  #m-novedad #nov-t-nota{
    min-height:40px!important;
    font-size:11px!important;
    padding:7px 6px!important;
  }
}
@media (max-width:767px){
  #pg-pot.potreros-serio-v1 .pot-serio-hero__title{
    font-size:16px!important;
  }
}

/* Potreros: padding hero coherente con SERIO V2 */
#pg-pot.potreros-serio-v1 .pot-serio-panel--hero .pot-serio-hero{
  padding:12px!important;
}
/* Fino móvil Android: ficha animal */
@media (max-width: 767px){
  #m-det .mbox{
    padding:12px!important;
  }
  #m-det #det-phs{
    height:128px!important;
    gap:4px!important;
    margin-bottom:10px!important;
  }
  #m-det #det-nom{
    font-size:18px!important;
    line-height:1.15!important;
  }
  #m-det #det-pills{
    gap:4px!important;
  }
  #m-det .pill{
    font-size:10px!important;
    padding:3px 7px!important;
  }
  #m-det #det-info{
    gap:6px!important;
    margin-bottom:10px!important;
  }
  #m-det #det-info .card{
    padding:9px 10px!important;
  }
  /* Pestañas ficha: legibles sin micro-texto; misma rejilla 2 col */
  #m-det.ficha-modal-serio-v1 .ficha-serio-v1__tabs .tb{
    min-height:36px!important;
    padding:6px 6px!important;
    font-size:11px!important;
    line-height:1.2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #m-det #tab-rep span{
    gap:2px!important;
  }
  #m-det #tab-rep img{
    width:10px!important;
    height:10px!important;
  }
  #m-det #dt-ev .btn,
  #m-det #dt-rep .btn,
  #m-det #dt-vac .btn,
  #m-det #dt-ins .btn,
  #m-det #dt-enf .btn,
  #m-det #dt-nv .btn{
    min-height:38px!important;
    font-size:11px!important;
    padding:0 10px!important;
  }
  #m-det [onclick*="abrirEvento"],
  #m-det [onclick*="abrirRepServicio"],
  #m-det [onclick*="abrirRepDiag"],
  #m-det [onclick*="abrirRepParto"],
  #m-det [onclick*="abrirRepCC"],
  #m-det [onclick*="abrirInseminacion"],
  #m-det [onclick*="abrirEnfermedad"],
  #m-det [onclick*="abrirNuevaIndicacionVet"]{
    min-height:34px!important;
    padding:0 9px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  #m-det #det-desc-b .ani-serio-v2-footer-shell__row{
    gap:10px!important;
  }
  #m-det #det-desc-b .det-desc-b__btn{
    min-height:36px!important;
    font-size:14px!important;
    padding:0 14px!important;
  }
}

/*
 * ═══════════════════════════════════════════════════════════════════
 * SERIO V1 — alcance global (body.manto-serio-v1-app)
 * Modales/subventanas: marco + cabeceras; reglas #id.* más específicas prevalecen.
 * ═══════════════════════════════════════════════════════════════════
 */
body.manto-serio-v1-app .modal:not(.modal-nuevo) .mbox{
  border:var(--manto-serio-panel-borde)!important;
  border-radius:4px!important;
  background:#fff!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(0,0,0,.05),
    0 1px 2px rgba(15,23,42,.05)!important;
}
body.manto-serio-v1-app .modal.modal-nuevo > .mbox.bitacora-mbox{
  overflow:hidden!important;
  overflow-y:hidden!important;
}
body.manto-serio-v1-app .modal .mbox > div[style*="linear-gradient(135deg,#052E16"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  box-shadow:none!important;
}
body.manto-serio-v1-app .modal .mbox > div[style*="linear-gradient(135deg,#052E16"] *{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
body.manto-serio-v1-app .modal .mbox > div[style*="linear-gradient(135deg,#052E16"] button[onclick*="regresarModalDesde"]{
  background:#fff!important;
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-radius:var(--manto-serio-radius)!important;
  font-weight:700!important;
  text-shadow:none!important;
}
body.manto-serio-v1-app .modal .mbox .mtit{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  color:var(--texto-fuerte)!important;
  padding:10px 14px!important;
  margin-bottom:12px!important;
  font-size:15px!important;
  font-weight:800!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
body.manto-serio-v1-app .modal .mbox .mtit span{
  color:#111827!important;
}
body.manto-serio-v1-app .modal .mbox .mtit .bx{
  background:linear-gradient(180deg,#ffffff,#f1f5f9)!important;
  border:var(--manto-serio-panel-borde)!important;
  color:#111827!important;
  border-radius:10px!important;
  font-weight:700!important;
  font-size:12px!important;
  padding:8px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(0,0,0,.1),
    0 1px 3px rgba(15,23,42,.08)!important;
  -webkit-text-fill-color:#111827!important;
}
body.manto-serio-v1-app .modal .mbox .fi:not([style*="border:none"]){
  border-radius:4px!important;
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Clases opcionales B1/B2/B3 para nuevos botones en serio v1 */
body.manto-serio-v1-app .manto-btn-b1,
body.manto-serio-v1-app button.manto-btn-b1{
  background:var(--manto-btn-b1-bg)!important;
  border:var(--manto-btn-b1-border)!important;
  color:var(--manto-btn-b1-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b1-color)!important;
  box-shadow:var(--manto-btn-b1-shadow)!important;
  border-radius:var(--manto-serio-radius)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body.manto-serio-v1-app .manto-btn-b1.manto-btn-b1--on,
body.manto-serio-v1-app .manto-btn-b1.active{
  background:var(--manto-btn-b1-bg-active)!important;
  border:var(--manto-btn-b1-border-active)!important;
  box-shadow:var(--manto-btn-b1-shadow-active)!important;
}
body.manto-serio-v1-app .manto-btn-b2,
body.manto-serio-v1-app button.manto-btn-b2{
  background:var(--manto-btn-b2-bg)!important;
  border:var(--manto-btn-b2-border)!important;
  color:var(--manto-btn-b2-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b2-color)!important;
  box-shadow:var(--manto-btn-b2-shadow)!important;
  border-radius:var(--manto-serio-radius)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:800!important;
  text-shadow:0 1px 0 rgba(0,0,0,.14);
  cursor:pointer!important;
}
body.manto-serio-v1-app .manto-btn-b3,
body.manto-serio-v1-app button.manto-btn-b3{
  background:var(--manto-btn-b3-bg)!important;
  border:var(--manto-btn-b3-border)!important;
  color:var(--manto-btn-b3-color)!important;
  -webkit-text-fill-color:var(--manto-btn-b3-color)!important;
  box-shadow:var(--manto-btn-b3-shadow)!important;
  border-radius:var(--manto-serio-radius)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  font-weight:800!important;
  cursor:pointer!important;
}
/* Cabeceras con gradiente azul (p. ej. próximos partos, semáforo) → paleta unificada SLATE */
body.manto-serio-v1-app .modal .mbox > div[style*="linear-gradient(135deg,#1e3a5f"]{
  background:var(--modal-header-bg)!important;
  border-bottom:var(--borde-fuerte)!important;
  box-shadow:none!important;
}
body.manto-serio-v1-app .modal .mbox > div[style*="linear-gradient(135deg,#1e3a5f"] *{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
body.manto-serio-v1-app .modal .mbox > div[style*="linear-gradient(135deg,#1e3a5f"] div[style*="color:rgba(255,255,255"]{
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
}
body.manto-serio-v1-app .modal .mbox > div[style*="linear-gradient(135deg,#1e3a5f"] button[onclick*="regresarModalDesde"]{
  background:#fff!important;
  border:1px solid var(--manto-tab-vitreo-borde)!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-radius:var(--manto-serio-radius)!important;
  font-weight:700!important;
  text-shadow:none!important;
}

/* Header SERIO: chips tipo rail — solo en public/styles.css (evitar duplicar !important aquí) */

/* Leche — refuerzo al cierre del bloque: espaciado sección (si no ves el cambio, recarga forzada / SW v72+) */
#pg-lec.leche-serio-v1 > .section > .section-header{
  padding-bottom:0!important;
}
#pg-lec.leche-serio-v1 > .section > .section-body > .section-content{
  gap:8px!important;
  row-gap:8px!important;
  padding-top:8px!important;
}

/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ HEADER DE BLOQUE CANÓNICO — FIN DEL <style> (fase 2.4c — compacto)║
   ║ Posición al final + selectores con CLASE DUPLICADA para ganar     ║
   ║ contra cualquier regla previa por especificidad (truco estándar). ║
   ║ Todos los headers de card/widget/sub-panel tienen:                ║
   ║  · caja: alto FIJO 44px, padding 4/12, flex align center, gap 10  ║
   ║  · icono: 36×36, object-fit contain, sin transform                ║
   ║  · título: 15px / weight 800 / color #111827 / Segoe UI           ║
   ║ NO aplica a: modales (contrato propio NEW MODAL) ni heros.        ║
   ╚═══════════════════════════════════════════════════════════════════╝ */

/* A — Caja del header: alto FIJO 56px, padding 10/14, gap 10 */
html body #pg-ani.animales-serio-v1 .ani-serio-panel-h.ani-serio-panel-h,
html body #pg-lec.leche-serio-v1 .lec-dash-recuadro__head.lec-dash-recuadro__head,
html body #pg-lec.leche-serio-v1 .lec-prod-head.lec-prod-head,
html body #pg-lec.leche-serio-v1 .lec-hist-head.lec-hist-head,
html body #pg-pesaje.pesaje-serio-v1 .pes-serio-panel-h.pes-serio-panel-h,
html body #pg-nac.partos-serio-v1 .partos-serio-panel-h.partos-serio-panel-h,
html body #pg-vac.vacunas-serio-v1 .vac-serio-panel-h.vac-serio-panel-h,
html body #pg-desc.descartes-serio-v1 .desc-serio-panel-h.desc-serio-panel-h,
html body #pg-cal.eventos-serio-v1 .cal-serio-panel-h.cal-serio-panel-h,
html body #pg-usr.usuarios-serio-v1 .usr-serio-panel-h.usr-serio-panel-h,
html body #pg-rent.finanzas-serio-v1 .rent-serio-panel-h.rent-serio-panel-h,
html body #pg-rent.finanzas-serio-v1 .fin-serio-subpanel-h.fin-serio-subpanel-h,
html body #pg-ins.insumos-serio-v1 .ins-serio-subpanel-h.ins-serio-subpanel-h,
html body #pg-pot.potreros-serio-v1 .pot-serio-panel-h.pot-serio-panel-h,
html body #pg-pot.potreros-serio-v1 .pot-panel-h.pot-panel-h,
html body #pg-ia.asistente-serio-v1 .ia-serio-panel-h.ia-serio-panel-h,
html body #pg-tools.tools-pg-serio .tools-pg-panel-h.tools-pg-panel-h,
html body #pg-dash.dash-serio-v1 .dash-inicio-recuadro__head.dash-inicio-recuadro__head,
html body #m-backup.serio-v2 .bk-serio-subpanel-h.bk-serio-subpanel-h,
html body #pg-carne.carne-serio-v1 .carne-serio-panel-h.carne-serio-panel-h{
  min-height: 44px !important;
  height: 44px !important;
  padding: 4px 12px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
/* Calendario (A-stack): título + subtítulo en la MISMA banda; la regla A (44px) recortaba
   #cal-prox-hint y lo dejaba sobre el fondo blanco del .cal-serio-panel. */
html body #pg-cal.eventos-serio-v1 .cal-serio-panel-h.cal-serio-panel-h.cal-serio-panel-h--stack{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
  display:flex!important;
  gap:10px!important;
}
html body #pg-cal.eventos-serio-v1 .cal-serio-panel--prox .cal-serio-panel-h.cal-serio-panel-h.cal-serio-panel-h--stack{
  padding:8px 12px 6px 12px!important;
}
html body #pg-cal.eventos-serio-v1 .cal-serio-panel--dia .cal-serio-panel-h.cal-serio-panel-h.cal-serio-panel-h--stack{
  padding:8px 10px!important;
  align-items:center!important;
}

/* B — Iconos (28×28) — clase duplicada para ganar especificidad
   (Partos: .partos-serio-htit-ico va en HEADER BLOQUE → 28px vía .serio-v1-icon-box, no listar aquí)
   (Finanzas: .rent-serio-htit-ico en HEADER BLOQUE → 28px, no listar aquí)
   (Descartes: .desc-serio-htit-ico en HEADER BLOQUE → 28px, no listar aquí)
   (Vacunas: .vac-serio-htit-ico en HEADER BLOQUE → 28px, no listar aquí) */
html body #pg-ani.animales-serio-v1 .ani-serio-htit-ico.ani-serio-htit-ico:not(.ani-serio-htit-ico--wide),
html body #pg-pesaje.pesaje-serio-v1 .pes-serio-htit-ico.pes-serio-htit-ico,
html body #pg-usr.usuarios-serio-v1 .usr-serio-htit-ico.usr-serio-htit-ico,
html body #pg-usr.usuarios-serio-v1 .usr-serio-h-ico.usr-serio-h-ico,
html body #pg-ia.asistente-serio-v1 .ia-serio-htit-ico.ia-serio-htit-ico,
html body #pg-ia.asistente-serio-v1 .ia-serio-h-ico.ia-serio-h-ico,
html body #pg-lec.leche-serio-v1 .lec-prod-ico.lec-prod-ico,
html body #pg-lec.leche-serio-v1 .lec-hist-ico.lec-hist-ico,
html body #pg-lec.leche-serio-v1 .lec-prod-tit-ico.lec-prod-tit-ico,
html body #pg-lec.leche-serio-v1 .lec-hist-tit-ico.lec-hist-tit-ico,
html body #pg-lec.leche-serio-v1 .dash-inicio-recuadro__ico.dash-inicio-recuadro__ico,
html body #pg-rent.finanzas-serio-v1 .fin-serio-subpanel-h__ico.fin-serio-subpanel-h__ico,
html body #pg-pesaje.pesaje-serio-v1 .pes-serio-stats-tit-ico.pes-serio-stats-tit-ico,
html body #m-backup.serio-v2 .bk-serio-subpanel-h__ico.bk-serio-subpanel-h__ico{
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  display: block !important;
  transform: none !important;
  max-width: 36px !important;
  max-height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}

/* Override puntual: Leche (Pebble Vida) — iconos de títulos más pequeños */
html body #pg-lec.leche-serio-v1.lec-pebble-vida-20260418 .lec-prod-tit-ico.lec-prod-tit-ico,
html body #pg-lec.leche-serio-v1.lec-pebble-vida-20260418 .lec-hist-tit-ico.lec-hist-tit-ico{
  width: 26px !important;
  height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
}

/* C — Títulos (15px / 800 / #111827) — clase duplicada para ganar especificidad */
html body #pg-ani.animales-serio-v1 .ani-serio-panel-htit.ani-serio-panel-htit,
html body #pg-nac.partos-serio-v1 .partos-serio-panel-htit.partos-serio-panel-htit,
html body #pg-pesaje.pesaje-serio-v1 .pes-serio-panel-htit.pes-serio-panel-htit,
html body #pg-vac.vacunas-serio-v1 .vac-serio-panel-htit.vac-serio-panel-htit,
html body #pg-desc.descartes-serio-v1 .desc-serio-panel-htit.desc-serio-panel-htit,
html body #pg-cal.eventos-serio-v1 .cal-serio-panel-htit.cal-serio-panel-htit,
html body #pg-usr.usuarios-serio-v1 .usr-serio-panel-htit.usr-serio-panel-htit,
html body #pg-rent.finanzas-serio-v1 .rent-serio-panel-htit.rent-serio-panel-htit,
html body #pg-pot.potreros-serio-v1 .pot-serio-panel-htit.pot-serio-panel-htit,
html body #pg-pot.potreros-serio-v1 .pot-panel-h-tit.pot-panel-h-tit,
html body #pg-ia.asistente-serio-v1 .ia-serio-panel-htit.ia-serio-panel-htit,
html body #pg-lec.leche-serio-v1 .lec-prod-tit.lec-prod-tit,
html body #pg-lec.leche-serio-v1 .lec-hist-tit.lec-hist-tit,
html body #pg-lec.leche-serio-v1 .dash-inicio-recuadro__tit.dash-inicio-recuadro__tit,
html body #pg-dash.dash-serio-v1 .dash-inicio-recuadro__tit.dash-inicio-recuadro__tit,
html body #pg-ins.insumos-serio-v1 .ins-serio-subpanel-h__tit.ins-serio-subpanel-h__tit,
html body #pg-rent.finanzas-serio-v1 .fin-serio-subpanel-h__tit.fin-serio-subpanel-h__tit,
html body #pg-pesaje.pesaje-serio-v1 .pes-serio-stats-tit.pes-serio-stats-tit,
html body #pg-vac.vacunas-serio-v1 .vac-serio-panel-h-tit.vac-serio-panel-h-tit,
html body #pg-cal.eventos-serio-v1 .cal-serio-panel-h-tit.cal-serio-panel-h-tit,
html body #m-backup.serio-v2 .bk-serio-subpanel-h__tit.bk-serio-subpanel-h__tit,
html body #pg-carne.carne-serio-v1 .carne-serio-panel-htit.carne-serio-panel-htit{
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  letter-spacing: .01em !important;
  line-height: 1.2 !important;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif !important;
  margin: 0 !important;
  text-transform: none !important;
}

/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ LECHE — CHIPS DE PERÍODO / VISTA (fase 2.4g)                      ║
   ║ border-radius 12px en los 3 strips: Resumen, Producción, Historial║
   ║ Selectores con ID del strip + clase duplicada para ganar contra   ║
   ║ las reglas body.light que fijan el radio vía --manto-chip-ref-    ║
   ║ inner-r (5px) por defecto.                                        ║
   ╚═══════════════════════════════════════════════════════════════════╝ */
html body #pg-lec.leche-serio-v1 #lec-kpi-period-btns .fp.tb.fp.tb,
html body #pg-lec.leche-serio-v1 #lec-period-btns .fp.tb.fp.tb,
html body #pg-lec.leche-serio-v1 #lec-hist-vista .fp.tb.fp.tb,
html body.light #pg-lec.leche-serio-v1 #lec-kpi-period-btns .fp.tb.fp.tb,
html body.light #pg-lec.leche-serio-v1 #lec-period-btns .fp.tb.fp.tb,
html body.light #pg-lec.leche-serio-v1 #lec-hist-vista .fp.tb.fp.tb{
  border-radius: 12px !important;
}

/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ LECHE — CHIPS DE PERÍODO / VISTA: ANCHO Y ALTO UNIFICADOS (2.4h)  ║
   ║ Los 3 strips (Resumen / Producción / Historial) deben verse con   ║
   ║ EL MISMO chip: 72 × 32 px. Todos en UNA SOLA FILA, CENTRADOS,     ║
   ║ con scroll horizontal si no caben.                                ║
   ║ `safe center` evita que cuando haya overflow se recorte el primer ║
   ║ botón (fallback a flex-start en navegadores que no lo soporten).  ║
   ╚═══════════════════════════════════════════════════════════════════╝ */
html body #pg-lec.leche-serio-v1 #lec-period-btns.lec-prod-period-btns,
html body #pg-lec.leche-serio-v1 #lec-hist-vista.lec-hist-vista-btns{
  display: flex !important;
  flex-flow: row nowrap !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  justify-content: safe center !important;
  gap: 8px !important;
  grid-template-columns: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-x: contain !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-x !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 0 !important;
}
/* Solo Resumen/Producción: sin margen exterior en el strip de período */
html body #pg-lec.leche-serio-v1 #lec-period-btns.lec-prod-period-btns{
  margin: 0 !important;
}
/* Historial: ritmo 8px solo con gap/stack — sin padding vertical extra */
html body #pg-lec.leche-serio-v1 #lec-hist-vista.lec-hist-vista-btns{
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ ANIMALES — CHIPS DE FILTRO: ANCHO Y ALTO UNIFICADOS (2.4h7)       ║
   ║ Mismo chip que en Leche: 72 × 32 px, en una sola fila, centrados, ║
   ║ con scroll horizontal si no caben. El contenedor                  ║
   ║ .ani-filtros-h-scroll ya trae swipe-no-nav + safe center + touch- ║
   ║ action + overscroll-behavior.                                     ║
   ╚═══════════════════════════════════════════════════════════════════╝ */
html body #pg-ani.animales-serio-v1 #fp-ani.fprow .fp.fp,
html body.light #pg-ani.animales-serio-v1 #fp-ani.fprow .fp.fp{
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-radius: 12px !important;
}

/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ PARTOS — CHIPS DE FILTRO (sexo + período): 72 × 32 px (2.4h8)     ║
   ║ Unifica #fp-nac-sex y #fp-nac-per al mismo chip que Leche/Animales║
   ║ · Anula el grid `auto minmax(76px,1fr) minmax(76px,1fr)` del sexo ║
   ║   y lo pasa a flex nowrap para que los 72 px sean reales.         ║
   ║ · El contenedor .partos-filtros-h-scroll ya trae scroll +         ║
   ║   swipe-no-nav + safe center + scrollbar oculto.                  ║
   ╚═══════════════════════════════════════════════════════════════════╝ */
html body #pg-nac.partos-serio-v1 #fp-nac-sex.partos-fp-strip,
html body #pg-nac.partos-serio-v1 #fp-nac-per.partos-fp-strip{
  display: flex !important;
  flex-flow: row nowrap !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  grid-template-columns: none !important;
  width: auto !important;
  min-width: min-content !important;
}
html body #pg-nac.partos-serio-v1 #fp-nac-sex .fp.fp,
html body #pg-nac.partos-serio-v1 #fp-nac-per .fp.fp,
html body.light #pg-nac.partos-serio-v1 #fp-nac-sex .fp.fp,
html body.light #pg-nac.partos-serio-v1 #fp-nac-per .fp.fp{
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-radius: 12px !important;
}

/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ PESAJE — CHIPS DE PROMEDIOS (período): 72 × 32 px (2.4h9)         ║
   ║ #pesaje-prom-tabs estaba como grid de 4 columnas iguales; se      ║
   ║ convierte a flex nowrap con scroll horizontal en una sola fila,   ║
   ║ centrado, swipe-no-nav, scrollbar oculto y overscroll contenido.  ║
   ║ El padre .pes-prom-fp-scroll ya trae swipe-no-nav.                ║
   ╚═══════════════════════════════════════════════════════════════════╝ */
html body #pg-pesaje.pesaje-serio-v1 .pes-prom-fp-scroll{
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x !important;
  overscroll-behavior-x: contain !important;
  overscroll-behavior-y: contain !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html body #pg-pesaje.pesaje-serio-v1 .pes-prom-fp-scroll::-webkit-scrollbar{
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
html body #pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip{
  display: flex !important;
  flex-flow: row nowrap !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  justify-content: safe center !important;
  gap: 6px !important;
  grid-template-columns: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}
html body #pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb.tb,
html body.light #pg-pesaje.pesaje-serio-v1 #pesaje-prom-tabs.pes-prom-fp-strip .tb.tb{
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-radius: 12px !important;
}
html body #pg-lec.leche-serio-v1 #lec-period-btns.lec-prod-period-btns::-webkit-scrollbar,
html body #pg-lec.leche-serio-v1 #lec-hist-vista.lec-hist-vista-btns::-webkit-scrollbar{
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
html body #pg-lec.leche-serio-v1 #lec-period-btns.lec-prod-period-btns::-webkit-scrollbar-track,
html body #pg-lec.leche-serio-v1 #lec-hist-vista.lec-hist-vista-btns::-webkit-scrollbar-track,
html body #pg-lec.leche-serio-v1 #lec-period-btns.lec-prod-period-btns::-webkit-scrollbar-thumb,
html body #pg-lec.leche-serio-v1 #lec-hist-vista.lec-hist-vista-btns::-webkit-scrollbar-thumb{
  background: transparent !important;
}
html body #pg-lec.leche-serio-v1 #lec-kpi-period-btns.lec-prod-fpstrip,
html body #pg-lec.leche-serio-v1 #lec-kpi-period-btns.lec-dash-recuadro__period-strip{
  display: flex !important;
  flex-flow: row nowrap !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  justify-content: safe center !important;
  gap: 6px !important;
  grid-template-columns: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}
html body #pg-lec.leche-serio-v1 .lec-dash-recuadro__period-scroll{
  overscroll-behavior-x: contain !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-x !important;
}
html body #pg-lec.leche-serio-v1 #lec-kpi-period-btns .fp.tb.fp.tb,
html body #pg-lec.leche-serio-v1 #lec-period-btns .fp.tb.fp.tb,
html body #pg-lec.leche-serio-v1 #lec-hist-vista .fp.tb.fp.tb,
html body.light #pg-lec.leche-serio-v1 #lec-kpi-period-btns .fp.tb.fp.tb,
html body.light #pg-lec.leche-serio-v1 #lec-period-btns .fp.tb.fp.tb,
html body.light #pg-lec.leche-serio-v1 #lec-hist-vista .fp.tb.fp.tb{
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* Mata la regla @media (max-width:420px) que reparte a 2 columnas el chip */
@media (max-width:420px){
  html body #pg-lec.leche-serio-v1 #lec-kpi-period-btns .fp.tb.fp.tb,
  html body #pg-lec.leche-serio-v1 #lec-period-btns .fp.tb.fp.tb,
  html body #pg-lec.leche-serio-v1 #lec-hist-vista .fp.tb.fp.tb{
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
}

/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ HEADER DE BLOQUE — FONDO Y BORDE UNIFICADOS (fase 2.4b)           ║
   ║ Blinda contra reglas específicas que pisen el fondo con otros      ║
   ║ gradientes (#f8fafc→#eef2f6, #fafbfc→#f1f5f9, #f8fafc sólido…).    ║
   ║ Todos los headers de bloque comparten EL MISMO fondo y borde:      ║
   ║   · fondo: var(--superficie-bloque-header)  (180deg, vertical)     ║
   ║   · borde: var(--borde-fuerte)  (1px solid #e5e7eb)                ║
   ║ Clase duplicada para ganar especificidad sobre reglas previas.     ║
   ╚═══════════════════════════════════════════════════════════════════╝ */
html body #pg-ani.animales-serio-v1 .ani-serio-panel-h.ani-serio-panel-h,
html body #pg-lec.leche-serio-v1 .lec-dash-recuadro__head.lec-dash-recuadro__head,
html body #pg-lec.leche-serio-v1 .lec-prod-head.lec-prod-head,
html body #pg-lec.leche-serio-v1 .lec-hist-head.lec-hist-head,
html body #pg-pesaje.pesaje-serio-v1 .pes-serio-panel-h.pes-serio-panel-h,
html body #pg-pesaje.pesaje-serio-v1 .pes-serio-stats-recuadro__head.pes-serio-stats-recuadro__head,
html body #pg-nac.partos-serio-v1 .partos-serio-panel-h.partos-serio-panel-h,
html body #pg-vac.vacunas-serio-v1 .vac-serio-panel-h.vac-serio-panel-h,
html body #pg-desc.descartes-serio-v1 .desc-serio-panel-h.desc-serio-panel-h,
html body #pg-cal.eventos-serio-v1 .cal-serio-panel-h.cal-serio-panel-h,
html body #pg-usr.usuarios-serio-v1 .usr-serio-panel-h.usr-serio-panel-h,
html body #pg-rent.finanzas-serio-v1 .rent-serio-panel-h.rent-serio-panel-h,
html body #pg-rent.finanzas-serio-v1 .fin-serio-subpanel-h.fin-serio-subpanel-h,
html body #pg-ins.insumos-serio-v1 .ins-serio-subpanel-h.ins-serio-subpanel-h,
html body #pg-pot.potreros-serio-v1 .pot-serio-panel-h.pot-serio-panel-h,
html body #pg-pot.potreros-serio-v1 .pot-panel-h.pot-panel-h,
html body #pg-ia.asistente-serio-v1 .ia-serio-panel-h.ia-serio-panel-h,
html body #pg-tools.tools-pg-serio .tools-pg-panel-h.tools-pg-panel-h,
html body #pg-dash.dash-serio-v1 .dash-inicio-recuadro__head.dash-inicio-recuadro__head,
html body #m-backup.serio-v2 .bk-serio-subpanel-h.bk-serio-subpanel-h{
  background: var(--superficie-bloque-header) !important;
  border-bottom: var(--borde-fuerte) !important;
  box-shadow: none !important;
}

/* ╔═══════════════════════════════════════════════════════════════════╗
   ║ CARD / BLOQUE CANÓNICO — FIN DEL <style> (fase 2.4)               ║
   ║ Fondo + borde + radio + sombra UNIFICADOS en TODA la app.         ║
   ║ Contrato:                                                          ║
   ║   · fondo:  linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)        ║
   ║   · borde:  1px solid #e5e7eb                                      ║
   ║   · radio:  10px                                                   ║
   ║   · sombra: 0 1px 2px rgba(15,23,42,.04)                           ║
   ║ NO aplica a: heros (--hero variants), modales ni overlays.         ║
   ║ Clase duplicada para ganar especificidad sobre reglas previas.     ║
   ╚═══════════════════════════════════════════════════════════════════╝ */
html body #pg-ani.animales-serio-v1 .ani-serio-panel.ani-serio-panel:not(.ani-serio-panel--hero),
html body #pg-lec.leche-serio-v1 .lec-dash-recuadro.lec-dash-recuadro,
html body #pg-lec.leche-serio-v1 .lec-prod-panel.lec-prod-panel,
html body #pg-lec.leche-serio-v1 .lec-hist-panel.lec-hist-panel,
html body #pg-pesaje.pesaje-serio-v1 .pes-serio-panel.pes-serio-panel:not(.pes-serio-panel--hero),
html body #pg-nac.partos-serio-v1 .partos-serio-panel.partos-serio-panel:not(.partos-serio-panel--hero),
html body #pg-vac.vacunas-serio-v1 .vac-serio-panel.vac-serio-panel:not(.vac-serio-panel--hero),
html body #pg-desc.descartes-serio-v1 .desc-serio-panel.desc-serio-panel:not(.desc-serio-panel--hero),
html body #pg-cal.eventos-serio-v1 .cal-serio-panel.cal-serio-panel:not(.cal-serio-panel--hero),
html body #pg-usr.usuarios-serio-v1 .usr-serio-panel.usr-serio-panel:not(.usr-serio-panel--hero),
html body #pg-rent.finanzas-serio-v1 .rent-serio-panel.rent-serio-panel:not(.rent-serio-panel--hero),
html body #pg-rent.finanzas-serio-v1 .fin-serio-subpanel.fin-serio-subpanel,
html body #pg-ins.insumos-serio-v1 .ins-serio-subpanel.ins-serio-subpanel,
html body #pg-pot.potreros-serio-v1 .pot-serio-panel.pot-serio-panel:not(.pot-serio-panel--hero):not(.pot-serio-panel--map),
html body #pg-pot.potreros-serio-v1 .pot-panel.pot-panel:not(.pot-panel--map),
html body #pg-ia.asistente-serio-v1 .ia-serio-panel.ia-serio-panel:not(.ia-serio-panel--hero),
html body #pg-tools.tools-pg-serio .tools-pg-panel.tools-pg-panel,
html body #pg-dash.dash-serio-v1 .dash-inicio-recuadro.dash-inicio-recuadro,
html body #m-backup.serio-v2 .bk-serio-subpanel.bk-serio-subpanel{
  background: var(--card-bg) !important;
  border: var(--card-border) !important;
  border-radius: var(--card-radius) !important;
  box-shadow: var(--card-shadow) !important;
  overflow: hidden !important;
}

/* =========================================================
   CLIMA — REDISEÑO COMPACTO 20260419b (Pebble Clima MINI)
   ---------------------------------------------------------
   Rediseño 100% cosmético del bloque "Clima · próximos días"
   del Dashboard Inicio. No cambia DOM ni JS; todo sale del
   mismo HTML que emite public/js/clima_sanpedro.js.
   Objetivo: BLOQUE BAJO y agrupado (altura total ≈ 150–170 px).
   - Barra superior comprimida 26 px.
   - "Hoy": UNA sola fila horizontal (icono + temps + meta).
   - 7 días: grid de 7 columnas con chips compactos + separadores.
   - Sin título intermedio "Pronóstico por día" (se suprime).
   - Sin marquesina automática.
   Scope: #pg-dash.dash-serio-v1 .dash-clima-card …
   Reversible: eliminar este bloque entero vuelve al diseño
   anterior sin dejar residuos.
   ========================================================= */

/* ---------- 1) Tarjeta contenedora ---------- */
html body #pg-dash.dash-serio-v1 .dash-clima-card{
  background: linear-gradient(168deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%) !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 3px rgba(15,23,42,.07) !important;
  overflow: hidden !important;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif !important;
}

/* ---------- 2) Barra superior: ubicación + actualizar (26px) ---------- */
html body #pg-dash.dash-serio-v1 .dash-clima-card__bar{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  padding: 4px 8px !important;
  background: linear-gradient(180deg, rgba(248,250,252,.7) 0%, rgba(241,245,249,.45) 100%) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
/* "Cambiar:" redundante — oculto */
html body #pg-dash.dash-serio-v1 .dash-clima-card__chg{
  display: none !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-card__combo{
  height: 24px !important;
  min-height: 24px !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 1px rgba(15,23,42,.04) !important;
  transition: border-color .18s, box-shadow .18s !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-card__combo:hover{
  border-color: #94a3b8 !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-card__sel{
  max-width: calc(11ch + 20px) !important;
  padding: 0 6px 0 8px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  letter-spacing: .01em !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-card__btn.btn.btn-gris-ok{
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 10px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  border-radius: 6px !important;
  letter-spacing: .01em !important;
}

/* ---------- 3) Cuerpo: compacto, sin título intermedio ---------- */
html body #pg-dash.dash-serio-v1 .dash-clima-card__body{
  padding: 8px 10px 10px !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
/* Oculto título "Pronóstico por día (próximos 7)" — se entiende por contexto */
html body #pg-dash.dash-serio-v1 .dash-clima-dias__tit{
  display: none !important;
}

/* ---------- 4) Tarjeta "Hoy": UNA sola fila horizontal ---------- */
html body #pg-dash.dash-serio-v1 .dash-clima-hoy{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-radius: 10px !important;
  background: linear-gradient(168deg, #ffffff 0%, #f8fafc 60%, #eef2f7 100%) !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 2px rgba(15,23,42,.05) !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy::before{
  content: none !important;
  display: none !important;
}
/* Icono 36px compacto, sin halo circular grande */
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__ico{
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__ico .dash-clima-weather-img{
  width: 32px !important;
  height: 32px !important;
  filter: drop-shadow(0 1px 2px rgba(15,23,42,.15)) !important;
}
/* Meta: flex fila con HOY pill + ciudad alineada al extremo */
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__meta{
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__head{
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__lbl{
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 7px !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: linear-gradient(180deg, #64748b 0%, #475569 100%) !important;
  border: 1px solid #334155 !important;
  border-radius: 999px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  margin: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 1px 1px rgba(15,23,42,.1) !important;
}
/* Temps inline: «Máx. 24° / Mín. 14°» en una línea */
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__temps{
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__tempbl{
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 4px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__tempbl-lab{
  font-size: 9px !important;
  font-weight: 900 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__tempbl:first-child .dash-clima-hoy__tempbl-val{
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  letter-spacing: -.01em !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.5) !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__tempbl:last-child .dash-clima-hoy__tempbl-val{
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  letter-spacing: -.01em !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}
/* Ciudad a la derecha de la fila Hoy, flex:1 ellipsis */
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__city{
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  text-align: right !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
}
/* Precip ahora inline dentro de la fila: mini chip gota */
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__precip{
  flex-shrink: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  margin: 0 !important;
  padding: 2px 7px !important;
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-hoy__precip::before{
  content: '◦' !important;
  font-size: 11px !important;
  color: #94a3b8 !important;
  line-height: 1 !important;
  margin-right: 1px !important;
}

/* ---------- 5) Pronóstico 7 días: grid compacto ---------- */
html body #pg-dash.dash-serio-v1 .dash-clima-dias__marquee{
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  width: 100% !important;
  background: transparent !important;
  box-shadow: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dias__shine{
  display: none !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dias__mover{
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 4px !important;
  padding: 0 !important;
  animation: none !important;
  transform: none !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dias__chunk{
  display: contents !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dias__chunk.dash-clima-dias__chunk--dup{
  display: none !important;
}
/* Chip de día ultra-compacto */
html body #pg-dash.dash-serio-v1 .dash-clima-dia{
  flex: initial !important;
  min-width: 0 !important;
  width: auto !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding: 5px 2px 6px !important;
  background: linear-gradient(168deg, #ffffff 0%, #f8fafc 60%, #eef2f7 100%) !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 1px rgba(15,23,42,.04) !important;
  transition: transform .18s, box-shadow .18s, border-color .18s !important;
  gap: 1px !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dia:hover{
  border-color: #94a3b8 !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 2px 5px rgba(15,23,42,.08) !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dia::before{
  content: none !important;
  display: none !important;
}
/* Nombre del día (Lun / Mar …) más chico, sin pill (solo texto uppercase) */
html body #pg-dash.dash-serio-v1 .dash-clima-dia__nom{
  display: block !important;
  padding: 0 !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  margin: 0 !important;
  width: 100% !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dia__ico{
  font-size: 20px !important;
  line-height: 1 !important;
  margin: 1px 0 1px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  filter: drop-shadow(0 1px 1px rgba(15,23,42,.08)) !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dia__ico .dash-clima-weather-img{
  width: 22px !important;
  height: 22px !important;
}
html body #pg-dash.dash-serio-v1 .dash-clima-dia__tmp{
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 2px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-variant-numeric: tabular-nums !important;
  width: 100% !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
}

/* ---------- 6) Responsive ≤ 640px: Hoy en 2 filas + días con scroll ---------- */
@media (max-width: 640px){
  /* Hoy: si no cabe en una fila, wrap controlado a 2 filas */
  html body #pg-dash.dash-serio-v1 .dash-clima-hoy{
    flex-wrap: wrap !important;
    row-gap: 4px !important;
  }
  html body #pg-dash.dash-serio-v1 .dash-clima-hoy__meta{
    flex-wrap: wrap !important;
    row-gap: 4px !important;
  }
  html body #pg-dash.dash-serio-v1 .dash-clima-hoy__city{
    flex-basis: 100% !important;
    text-align: left !important;
    order: 99 !important;
  }
  /* 7 días: scroll horizontal manual con snapping */
  html body #pg-dash.dash-serio-v1 .dash-clima-dias__marquee{
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }
  html body #pg-dash.dash-serio-v1 .dash-clima-dias__marquee::-webkit-scrollbar{
    display: none !important;
  }
  html body #pg-dash.dash-serio-v1 .dash-clima-dias__mover{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    gap: 5px !important;
    grid-template-columns: none !important;
  }
  html body #pg-dash.dash-serio-v1 .dash-clima-dias__chunk{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
  }
  html body #pg-dash.dash-serio-v1 .dash-clima-dia{
    flex: 0 0 auto !important;
    width: 56px !important;
    scroll-snap-align: start !important;
  }
}

/* ---------- 7) Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  html body #pg-dash.dash-serio-v1 .dash-clima-dia,
  html body #pg-dash.dash-serio-v1 .dash-clima-card__combo{
    transition: none !important;
  }
  html body #pg-dash.dash-serio-v1 .dash-clima-dia:hover{
    transform: none !important;
  }
}
/* ============ FIN rediseño compacto Clima 20260419b ============ */

/* =========================================================
   ASISTENTE IA (Repro + Alertas) — tarjetas estilo LECHE 20260419
   ---------------------------------------------------------
   Aplica la misma piel que las 6 tarjetas centradas de
   Producción lechera (pill slate medium + border-radius 12px +
   textos centrados) a las 4 chips de DOS bloques:
     · «Asistente reproductivo»  → #dash-repro-ia-metrics
     · «Asistente de alertas»    → #dash-alertas-ia-metrics
   No modifica DOM ni JS. El bloque base (gradiente porcelana,
   ::before franja) ya está definido arriba (~8091 y ~8291);
   este añade pill slate + radio 12px + centrado con !important.
   ========================================================= */

/* 1) Card: border-radius 12px + centrado explícito del contenido */
html body #pg-dash.dash-serio-v1 #dash-repro-ia-metrics .dash-repro-ia-chip,
html body #pg-dash.dash-serio-v1 #dash-alertas-ia-metrics .dash-alertas-ia-chip{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 12px !important;
}
/* Franja decorativa superior alineada al nuevo radio */
html body #pg-dash.dash-serio-v1 #dash-repro-ia-metrics .dash-repro-ia-chip::before,
html body #pg-dash.dash-serio-v1 #dash-alertas-ia-metrics .dash-alertas-ia-chip::before{
  border-radius: 12px 12px 0 0 !important;
}

/* 2) Pill de título (__lbl): mismos valores que .lec-prod-ktit en Leche */
html body #pg-dash.dash-serio-v1 #dash-repro-ia-metrics .dash-repro-ia-chip .dash-repro-ia-chip__lbl,
html body #pg-dash.dash-serio-v1 #dash-alertas-ia-metrics .dash-alertas-ia-chip .dash-alertas-ia-chip__lbl{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: auto !important;
  max-width: 100% !important;
  background: linear-gradient(180deg, #94a3b8 0%, #64748b 100%) !important;
  background-image: linear-gradient(180deg, #94a3b8 0%, #64748b 100%) !important;
  border: 1px solid #475569 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.25) !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 1px 2px rgba(15,23,42,.10) !important;
  letter-spacing: .07em !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 auto !important;
}

/* 3) Número/valor (__val): forzar centrado horizontal + separar del pill */
html body #pg-dash.dash-serio-v1 #dash-repro-ia-metrics .dash-repro-ia-chip .dash-repro-ia-chip__val,
html body #pg-dash.dash-serio-v1 #dash-alertas-ia-metrics .dash-alertas-ia-chip .dash-alertas-ia-chip__val{
  text-align: center !important;
  width: 100% !important;
  align-self: center !important;
  margin: 10px auto 0 !important;
}
/* ============ FIN Asistente IA tarjetas Leche (Repro + Alertas) ============ */

/* ═══════════════════════════════════════════════════════════════
   PESAJE — «Última sesión» + «Promedios» estilo LECHE 20260420
   (centrado + pill slate como tarjetas Producción lechera)
   =============================================================== */

/* 1) Tarjeta: centrado + esquinas 12px + border unificado (sin accent 3px gris) */
html body #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat.pesaje-kpi-stat--hero,
html body #pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat.pesaje-kpi-stat--hero{
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 12px !important;
  border-top: 1px solid #94a3b8 !important;
  padding: 12px !important;
}

/* 2) Pill de título — slate gradient idéntico a .lec-prod-ktit (Leche centradas) */
html body #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero .pesaje-kpi-stat__lbl,
html body #pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero .pesaje-kpi-stat__lbl{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: auto !important;
  max-width: 100% !important;
  background: linear-gradient(180deg, #94a3b8 0%, #64748b 100%) !important;
  background-image: linear-gradient(180deg, #94a3b8 0%, #64748b 100%) !important;
  border: 1px solid #475569 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.25) !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 1px 2px rgba(15,23,42,.10) !important;
  letter-spacing: .07em !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 auto !important;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif !important;
}
/* Delta chip inline — al lado del número (sustituye al ::after de esquina) */
html body #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero .pesaje-kpi-stat__delta{
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 8px !important;
  padding: 2px 7px !important;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .02em !important;
  font-variant-numeric: tabular-nums !important;
  border-radius: 6px !important;
  background: #eef2f7 !important;
  background-image: none !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  border: 1px solid #dbe2ea !important;
  box-shadow: none !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.7) !important;
  white-space: nowrap !important;
  position: relative !important;
  top: -3px !important;
}

/* 3) Número (__val): centrado grande */
html body #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero .pesaje-kpi-stat__val,
html body #pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero .pesaje-kpi-stat__val{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  align-self: center !important;
  margin: 10px auto 0 !important;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif !important;
  font-size: clamp(22px, 4.8vw, 28px) !important;
  font-weight: 900 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
  font-variant-numeric: tabular-nums !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.9) !important;
}

/* Tarjeta «HOY (CORTE)» — valor fecha → tipografía menor */
html body #pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero.pesaje-kpi-stat--date .pesaje-kpi-stat__val{
  font-size: clamp(13px, 2.8vw, 15px) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

/* Unidad (L) inline junto al valor */
html body #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero .pesaje-kpi-stat__unit,
html body #pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero .pesaje-kpi-stat__unit{
  font-size: 0.62em !important;
  font-weight: 800 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  margin-left: 3px !important;
  letter-spacing: 0 !important;
  display: inline !important;
}

/* 4) Subtítulo (__sub): centrado pequeño */
html body #pg-pesaje.pesaje-serio-v1 #pesaje-kpis .pesaje-kpi-stat--hero .pesaje-kpi-stat__sub,
html body #pg-pesaje.pesaje-serio-v1 #pesaje-promedios .pesaje-kpi-stat--hero .pesaje-kpi-stat__sub{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  align-self: center !important;
  margin: 6px auto 0 !important;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  line-height: 1.3 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  min-height: 14px !important;
}
/* ════ FIN Pesaje tarjetas estilo Leche ════ */

/* ════ Tools — Importar Excel: NEW MODAL + Pebble Vida (anula reglas legacy de este archivo) ════
   #m-tool-importar carga .tool-import-excel-modal-serio-v1 + .ins-pebble-vida-20260418 en index.html.
   Debe ir al final: index-inline.css carga después de styles.css y antes imponía scroll + botón naranja. */
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418.evento-modal-serio-v1.bitacora-serio-v2{
  position:fixed!important;
  inset:0!important;
  overscroll-behavior:contain!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418.bitacora-serio-v2.modal-nuevo .mbox.bitacora-mbox.ani-modal-serio-v2__mbox{
  display:flex!important;
  flex-direction:column!important;
  width:min(680px, calc(100vw - 24px))!important;
  max-width:min(680px, 96vw)!important;
  max-height:min(92dvh, calc(100vh - 24px))!important;
  padding:0!important;
  gap:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#ffffff!important;
  border:1px solid #d1d9e2!important;
  border-radius:14px!important;
  box-shadow:0 24px 60px rgba(15,23,42,.25)!important;
  box-sizing:border-box!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .bitacora-modal-h.bitacora-modal-h--row{
  background:var(--manto-newmodal-h-bg-light,linear-gradient(168deg,#f1f5f9 0%,#e2e8f0 55%,#dbe2ea 100%))!important;
  border:none!important;
  border-bottom:1px solid var(--manto-newmodal-h-border-color-light,#94a3b8)!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:56px!important;
  padding:12px 14px!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .bitacora-modal-h.bitacora-modal-h--row::before,
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .bitacora-modal-h.bitacora-modal-h--row::after{
  content:none!important;
  display:none!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .bitacora-modal-back.bitacora-modal-back--atras{
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  border:1px solid var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  gap:6px!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .bitacora-modal-back--atras .bitacora-modal-back__ico{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .modal-serio-body.tools-action-body.tool-serio-scroll{
  background:#f8fafc!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:10px!important;
  gap:8px!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  display:flex!important;
  flex-direction:column!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-imp-tabs .tb{
  padding:0 var(--manto-period-sel-pad-x,10px)!important;
  border-radius:var(--manto-chip-ref-inner-r,10px)!important;
  border:1px solid var(--manto-chip-ref-brd-off,#cbd5e1)!important;
  background:var(--manto-chip-ref-grad-off,linear-gradient(180deg,#fff 0%,#f1f5f9 100%))!important;
  color:var(--manto-chip-ref-txt-off,#334155)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-off,#334155)!important;
  box-shadow:var(--manto-chip-ref-shadow-off,inset 0 1px 0 rgba(255,255,255,.85))!important;
  font-size:11px!important;
  font-weight:800!important;
  min-height:var(--manto-period-sel-min-h,36px)!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-imp-tabs .tb.active{
  background:var(--manto-chip-ref-grad-on,linear-gradient(180deg,#475569 0%,#334155 100%))!important;
  color:var(--manto-chip-ref-txt-on,#f8fafc)!important;
  border:1px solid var(--manto-chip-ref-brd-on,#1e293b)!important;
  -webkit-text-fill-color:var(--manto-chip-ref-txt-on,#f8fafc)!important;
  box-shadow:var(--manto-chip-ref-shadow-on,inset 0 1px 0 rgba(255,255,255,.2))!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-panel{
  background:linear-gradient(168deg,#fff 0%,#f1f5f9 38%,#e2e8f0 100%)!important;
  border:1px solid #cbd5e1!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(15,23,42,.06)!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-btn-plantilla{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  border:1px solid #cbd5e1!important;
  background:linear-gradient(180deg,#fff 0%,#f1f5f9 100%)!important;
  color:#0f172a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(15,23,42,.06)!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-btn-plantilla__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-btn-plantilla:hover{
  filter:brightness(.99)!important;
  border-color:#94a3b8!important;
}
/* CTA principal: piel gris-ok (NEW MODAL / export Tools), no naranja legacy */
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-btn-file{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  background:var(--manto-btn-gris-ok-bg,linear-gradient(180deg,#f1f5f9 0%,#e2e8f0 100%))!important;
  border:var(--manto-btn-gris-ok-border,1px solid #94a3b8)!important;
  color:var(--manto-btn-gris-ok-color,#0f172a)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color,#0f172a)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow,inset 0 1px 0 rgba(255,255,255,.75))!important;
  border-radius:12px!important;
  padding:12px 14px!important;
  font-size:14px!important;
  font-weight:800!important;
  text-align:center!important;
  cursor:pointer!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-btn-file__ico{
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
  flex-shrink:0!important;
  display:block!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 .tool-serio-btn-file:hover{
  border:var(--manto-btn-gris-ok-border-hover,1px solid #64748b)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover,0 2px 6px rgba(15,23,42,.1))!important;
}
/* Paso 2: mismos radios que pie Bitácora */
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 #imp-paso2 .btn{
  border-radius:12px!important;
  min-height:40px!important;
}
html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418 #imp-preview{
  border-radius:12px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
}
@media (max-width:540px){
  html body #m-tool-importar.tool-import-excel-modal-serio-v1.ins-pebble-vida-20260418.bitacora-serio-v2.modal-nuevo .mbox.bitacora-mbox.ani-modal-serio-v2__mbox{
    width:100%!important;
    max-width:100%!important;
  }
}

/* ══ Vac/Asist/Usr: .section en columna (mismo criterio que otras serio) ══ */
html body #pg-vac.pg > .section,
html body #pg-ia.pg > .section,
html body #pg-usr.pg > .section{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  row-gap:0!important;
  gap:0!important;
}
html body #pg-vac.pg > .section > .section-body,
html body #pg-ia.pg > .section > .section-body,
html body #pg-usr.pg > .section > .section-body{
  margin:0!important;
}
/* Hueco 8px: public/css/manto-hero-bloque-8px.css (última hoja) en .section-body, no en .section-content. */

/* ════ Descartes — Ranking de revisión (#m-desc-top10): NEW MODAL + Pebble Vida ════ */
html body #m-desc-top10.m-desc-rank-modal-serio-v1.desc-pebble-vida-20260418{
  position:fixed!important;
  inset:0!important;
  overscroll-behavior:contain!important;
}
html body #m-desc-top10.m-desc-rank-modal-serio-v1.desc-pebble-vida-20260418.bitacora-serio-v2.modal-nuevo .mbox.bitacora-mbox.ani-modal-serio-v2__mbox{
  display:flex!important;
  flex-direction:column!important;
  width:min(640px, calc(100vw - 24px))!important;
  max-width:min(640px, 96vw)!important;
  max-height:min(92dvh, calc(100vh - 24px))!important;
  padding:0!important;
  gap:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#ffffff!important;
  border:1px solid #d1d9e2!important;
  border-radius:14px!important;
  box-shadow:0 24px 60px rgba(15,23,42,.25)!important;
  box-sizing:border-box!important;
}
/* Cabecera: NEW HEADER (.manto-header-serio-v1) — reglas en styles.css (HEADER SERIOUS V1 + modo-final Pebble); antes .bitacora-modal-h (DOM viejo) */
html body #m-desc-top10.m-desc-rank-modal-serio-v1.desc-pebble-vida-20260418 .m-desc-rank-modal-body.modal-serio-body,
html body #m-desc-top10.m-desc-rank-modal-serio-v1.desc-pebble-vida-20260418 .m-desc-top10-serio-body.modal-serio-body{
  background:#f8fafc!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:10px!important;
  gap:10px!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  display:flex!important;
  flex-direction:column!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
}
/* Contador + pestañas: el ritmo 10px lo aporta .m-desc-top10-serio-body { gap: 10px } (sin márgenes que se sumen) */
html body #m-desc-top10 .m-desc-top10-meta{
  display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px 12px!important;
  margin:0!important; padding:0!important; font-size:12.5px!important; line-height:1.4!important;
}
html body #m-desc-top10 .m-desc-top10-meta .m-desc-top10-export{
  margin-left:auto!important;
  flex-shrink:0!important;
  min-height:32px!important;
  height:auto!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:800!important;
}
html body #m-desc-top10 .m-desc-top10-leyenda{
  margin:0!important;
  flex:0 0 auto!important;
}
html body #m-desc-top10 .m-desc-top10-count{
  font-weight:800!important; background:#eef2ff!important; color:#1e3a8a!important; padding:3px 10px!important; border-radius:20px!important;
  font-size:12px!important;
}
html body #m-desc-top10 .m-desc-score-summary{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:8px!important;
  box-sizing:border-box!important;
  border:1px solid var(--gris-300, #cbd5e1)!important;
  border-radius:14px!important;
  background:linear-gradient(168deg, var(--gris-0, #ffffff) 0%, var(--gris-50, #f8fafc) 56%, var(--gris-100, #f1f5f9) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 1px 3px rgba(15,23,42,.06)!important;
}
html body #m-desc-top10 .m-desc-score-summary[hidden]{
  display:none!important;
}
html body #m-desc-top10 .m-desc-score-summary__item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  min-height:52px!important;
  padding:6px 5px!important;
  border:1px solid var(--gris-300, #cbd5e1)!important;
  border-radius:11px!important;
  background:var(--gris-0, #ffffff)!important;
  box-sizing:border-box!important;
}
html body #m-desc-top10 .m-desc-score-summary__lbl{
  display:block!important;
  max-width:100%!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:var(--texto-suave, #64748b)!important;
  text-align:center!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #m-desc-top10 .m-desc-score-summary__val{
  display:block!important;
  font-size:clamp(16px, 4vw, 20px)!important;
  line-height:1!important;
  font-weight:900!important;
  color:var(--texto-fuerte, #0f172a)!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
html body #m-desc-top10 .m-desc-score-summary__item--crit .m-desc-score-summary__val{ color:#b91c1c!important; }
html body #m-desc-top10 .m-desc-score-summary__item--warn .m-desc-score-summary__val{ color:#b45309!important; }
html body #m-desc-top10 .m-desc-score-summary__item--money .m-desc-score-summary__val{
  font-size:clamp(13px, 3.2vw, 16px)!important;
  color:#0f172a!important;
}
html body #m-desc-top10 .m-desc-score-summary__note{
  grid-column:1 / -1!important;
  margin:0!important;
  padding:0 2px!important;
  font-size:10.8px!important;
  line-height:1.35!important;
  color:var(--texto-suave, #64748b)!important;
  font-weight:650!important;
  text-align:center!important;
}
/* Misma piel que «Regresar» (.bitacora-modal-back): gris-ok, centrados, misma fila */
html body #m-desc-top10 .m-desc-top10-tabs{
  display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:stretch!important;
  justify-content:center!important;
  gap:10px!important; margin:0 auto!important; padding:0 2px!important; width:100%!important; max-width:100%!important;
  box-sizing:border-box!important; border-bottom:none!important; flex:0 0 auto!important;
}
html body #m-desc-top10 .m-desc-top10-tabs .tab-btn{
  flex:1 1 0!important; min-width:0!important; text-align:center!important; white-space:normal!important;
  background:var(--manto-btn-gris-ok-bg)!important;
  border:var(--manto-btn-gris-ok-border)!important;
  color:var(--manto-btn-gris-ok-color)!important;
  -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  border-radius:12px!important;
  padding:8px 14px!important; min-height:36px!important;
  font-size:12px!important; font-weight:800!important;
  cursor:pointer!important; margin:0!important; font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  line-height:1.2!important; box-shadow:var(--manto-btn-gris-ok-shadow)!important; text-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important; touch-action:manipulation!important;
  transition:background .15s,border-color .15s,box-shadow .15s,opacity .12s!important;
  box-sizing:border-box!important;
}
html body #m-desc-top10 .m-desc-top10-tabs .tab-btn:hover{
  border:var(--manto-btn-gris-ok-border-hover)!important; box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
}
html body #m-desc-top10 .m-desc-top10-tabs .tab-btn:active{ opacity:0.96!important; }
html body #m-desc-top10 .m-desc-top10-tabs .tab-btn:focus-visible{
  outline:var(--manto-btn-gris-ok-outline)!important; outline-offset:2px!important;
}
html body #m-desc-top10 .m-desc-top10-tabs .tab-btn.active{
  background:var(--manto-btn-gris-ok-bg-active)!important;
  border:var(--manto-btn-gris-ok-border-hover)!important;
  color:var(--manto-btn-gris-ok-color)!important; -webkit-text-fill-color:var(--manto-btn-gris-ok-color)!important;
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important;
  font-weight:800!important;
}
html body #m-desc-top10 .m-desc-top10-tabs .tab-btn.active:hover{
  box-shadow:var(--manto-btn-gris-ok-shadow-hover)!important; filter:brightness(0.99)!important;
}
html body #m-desc-top10 .m-desc-t10-c__empty,
html body #m-desc-top10 .m-desc-top10-empty{
  text-align:center!important; padding:18px 14px!important; border:1px dashed #cbd5e1!important; border-radius:12px!important;
  background:linear-gradient(180deg, #f8fafc, #f1f5f9)!important; color:#475569!important; font-size:14px!important; line-height:1.45!important;
  font-weight:600!important; margin:0!important; font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Leyenda + lista vacía */
html body #m-desc-top10 .m-desc-top10-leybtn{
  background:none!important; border:none!important; color:#2563eb!important; cursor:pointer!important; font-size:0.9rem!important;
  padding:0!important; text-align:left!important; font-weight:600!important; text-decoration:underline!important; text-underline-offset:2px!important;
}
html body #m-desc-top10 .m-desc-top10-leycont{
  background:#f8fafc!important; border:1px solid #e2e8f0!important; border-radius:12px!important; padding:10px 12px!important; margin-top:8px!important; font-size:0.8rem!important; line-height:1.45!important; color:#334155!important;
}
html body #m-desc-top10 .m-desc-top10-ley-tit{ font-weight:800!important; color:#0f172a!important; margin:0!important; }
html body #m-desc-top10 .m-desc-top10-ley-tit--after{ margin-top:8px!important; }
html body #m-desc-top10 .m-desc-top10-ley-ul{ margin:6px 0 0 18px!important; padding:0!important; }
html body #m-desc-top10 .m-desc-top10-ley-pie{ margin:6px 0 0!important; }
html body #m-desc-top10 .m-desc-top10-ley-p--block{
  margin:4px 0 0!important; font-size:0.8rem!important; line-height:1.45!important; color:#334155!important; font-weight:600!important;
}
html body #m-desc-top10 .m-desc-top10-placeholder{ text-align:center!important; padding:20px 10px!important; color:#64748b!important; font-size:14px!important; font-weight:600!important; margin:0!important; }
/* Misma cáscara que #m-desc-bajas: .ani-serio-v2-card + .desc-anal-body */
html body #m-desc-top10.ani-modal-serio-v2 .m-desc-top10-ani-bloque.ani-serio-v2-card,
html body #m-desc-top10.ani-modal-serio-v2 .m-desc-top10-ani-bloque.m-ani-serio-bloque{
  margin:0 0 4px!important; width:100%!important; box-sizing:border-box!important; flex:0 0 auto!important;
  background:#f8fafc!important; border:1px solid #cbd5e1!important; border-radius:16px!important; padding:0!important; overflow:hidden!important;
  box-shadow:0 1px 3px rgba(15,23,42,.06)!important;
}
html body #m-desc-top10 .m-desc-top10-ani-bloque .m-desc-top10-desc-inner.desc-anal-body{ min-height:0!important; }
html body #m-desc-top10.desc-anal-modal-scope .m-desc-top10-list{
  min-height:0!important; display:flex!important; flex-direction:column!important; width:100%!important; box-sizing:border-box!important;
  padding:4px 12px 10px!important; margin:0!important; gap:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Top 10 — apilado compacto (Pebble / NEW MODAL) */
html body #m-desc-top10 .m-desc-top10-item-stack,
html body #m-desc-top10 .desc-top10-card-stack{
  display:flex!important; flex-direction:column!important; gap:8px!important; min-height:0!important; width:100%!important;
}
html body #m-desc-top10 .sin-datos,
html body #m-desc-top10 .m-desc-top10-list .sin-datos{
  text-align:center!important; padding:20px 12px!important; border:1px dashed #cbd5e1!important; border-radius:12px!important;
  background:linear-gradient(180deg, #f8fafc, #f1f5f9)!important; color:#475569!important; font-size:14px!important; line-height:1.45!important; font-weight:600!important; margin:0!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
/* Tarjeta: miniatura + texto + pie botones; aire interno, tokens manto */
html body #m-desc-top10.serio-v2 .m-desc-t10-c,
html body #m-desc-top10 .m-desc-t10-c{
  text-align:left!important; border-radius:16px!important; padding:0!important; margin:0!important;
  background:var(--superficie-elev, #fff)!important; border:1px solid #e2e8f0!important;
  box-shadow:0 1px 4px rgba(15,23,42,.06)!important; box-sizing:border-box!important; overflow:hidden!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important; -webkit-tap-highlight-color:transparent!important;
  display:flex!important; flex-direction:column!important; gap:0!important;
  transition:box-shadow .12s ease!important; cursor:default!important;
}
html body #m-desc-top10.serio-v2 .m-desc-t10-c:hover{ box-shadow:0 2px 10px rgba(15,23,42,.08)!important; }
html body #m-desc-top10 .m-desc-t10-ries--alto{ border-left:3px solid #dc2626!important; }
html body #m-desc-top10 .m-desc-t10-ries--medio{ border-left:3px solid #d97706!important; }
html body #m-desc-top10 .m-desc-t10-ries--bajo{ border-left:3px solid #16a34a!important; }
html body #m-desc-top10 .m-desc-t10-c__body{
  display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:flex-start!important; gap:10px!important;
  padding:12px 12px 4px!important; min-width:0!important; box-sizing:border-box!important;
}
html body #m-desc-top10 .m-desc-t10-c__main--texto{
  flex:1 1 0!important; width:auto!important; min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
html body #m-desc-top10 .m-desc-t10-th{
  width:40px!important; height:40px!important; flex:0 0 40px!important; position:relative!important; border-radius:10px!important;
  background:#f1f5f9!important; border:1px solid #e2e8f0!important; box-sizing:border-box!important; overflow:hidden!important;
}
html body #m-desc-top10 .m-desc-t10-th--ph{ background:linear-gradient(135deg, #e8eef4 0%, #f1f5f9 100%)!important; }
html body #m-desc-top10 .m-desc-t10-th .m-desc-t10-ph,
html body #m-desc-top10 .m-desc-t10-th--ph .m-desc-t10-ph{
  position:absolute!important; inset:0!important; display:none!important; border-radius:9px!important; background:#e2e8f0!important; pointer-events:none!important;
}
html body #m-desc-top10 .m-desc-t10-th--ph .m-desc-t10-ph{ display:block!important; }
html body #m-desc-top10 img.m-desc-t10-thumb,
html body #m-desc-top10 .m-desc-t10-thumb{
  display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; border:0!important; border-radius:9px!important; cursor:pointer!important; margin:0!important;
  -webkit-tap-highlight-color:transparent!important; touch-action:manipulation!important; box-shadow:none!important;
}
html body #m-desc-top10 .m-desc-t10-main{ flex:1 1 0!important; min-width:0!important; display:flex!important; flex-direction:column!important; gap:2px!important; }
html body #m-desc-top10 .m-desc-t10-c__row1{
  display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:6px 8px!important; min-width:0!important;
  line-height:1.2!important;
}
html body #m-desc-top10 .m-desc-t10-c__nom{
  flex:1 1 120px!important; min-width:0!important; font-size:0.9rem!important; font-weight:800!important; color:#0f172a!important; letter-spacing:-.01em!important;
}
html body #m-desc-top10 .m-desc-t10-c__lec{
  font-size:0.7rem!important; font-weight:800!important; color:#166534!important; background:linear-gradient(180deg, #e9f5ee, #dff2e5)!important;
  padding:1px 6px!important; border-radius:6px!important; border:1px solid #b8e0c4!important; white-space:nowrap!important; flex:0 0 auto!important;
}
html body #m-desc-top10 .m-desc-t10-c__rk{
  font-size:0.6rem!important; font-weight:800!important; letter-spacing:.04em!important; text-transform:uppercase!important; flex:0 0 auto!important;
  padding:2px 5px!important; border-radius:4px!important; line-height:1.1!important;
}
html body #m-desc-top10 .m-desc-t10-ries--alto .m-desc-t10-c__rk{ color:#b91c1c!important; background:#fef2f2!important; border:1px solid #fecaca!important; }
html body #m-desc-top10 .m-desc-t10-ries--medio .m-desc-t10-c__rk{ color:#b45309!important; background:#fffbeb!important; border:1px solid #fde68a!important; }
html body #m-desc-top10 .m-desc-t10-ries--bajo .m-desc-t10-c__rk{ color:#166534!important; background:#ecfdf5!important; border:1px solid #bbf7d0!important; }
html body #m-desc-top10 .m-desc-t10-c__row2{
  margin:0!important; padding:0!important; font-size:11px!important; font-weight:600!important; color:#64748b!important; line-height:1.4!important;
  white-space:normal!important; max-width:100%!important; word-break:break-word!important;
}
html body #m-desc-top10 .m-desc-t10-c__row2 b{ color:#334155!important; font-weight:800!important; }
html body #m-desc-top10 .m-desc-t10-scoreline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:6px 8px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:linear-gradient(180deg, #ffffff, #f8fafc)!important;
  box-sizing:border-box!important;
}
html body #m-desc-top10 .m-desc-t10-scoreline__label{
  font-size:10.5px!important;
  font-weight:800!important;
  color:#64748b!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
html body #m-desc-top10 .m-desc-t10-scoreline__val{
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  color:#0f172a!important;
}
html body #m-desc-top10 .m-desc-t10-scoreline__val small{
  font-size:10px!important;
  font-weight:800!important;
  color:#64748b!important;
  margin-left:1px!important;
}
html body #m-desc-top10 .m-desc-t10-ries--alto .m-desc-t10-scoreline{
  border-color:#fecaca!important;
  background:linear-gradient(180deg, #fff7f7, #fef2f2)!important;
}
html body #m-desc-top10 .m-desc-t10-ries--alto .m-desc-t10-scoreline__val{ color:#b91c1c!important; }
html body #m-desc-top10 .m-desc-t10-ries--medio .m-desc-t10-scoreline{
  border-color:#fde68a!important;
  background:linear-gradient(180deg, #fffdf5, #fffbeb)!important;
}
html body #m-desc-top10 .m-desc-t10-ries--medio .m-desc-t10-scoreline__val{ color:#b45309!important; }
html body #m-desc-top10 .m-desc-t10-ries--bajo .m-desc-t10-scoreline{
  border-color:#bbf7d0!important;
  background:linear-gradient(180deg, #f8fffb, #ecfdf5)!important;
}
html body #m-desc-top10 .m-desc-t10-ries--bajo .m-desc-t10-scoreline__val{ color:#166534!important; }
html body #m-desc-top10 .m-desc-t10-reasons{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
}
html body #m-desc-top10 .m-desc-t10-reason{
  display:block!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
  color:#475569!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:8px!important;
  padding:4px 6px!important;
}
html body #m-desc-top10 .m-desc-t10-reason b{
  color:#b91c1c!important;
  font-weight:900!important;
  margin-right:4px!important;
}
html body #m-desc-top10 .m-desc-t10-reason--ok b{ display:none!important; }
/* Pie: bitacora-btn (NEW MODAL + tokens) */
html body #m-desc-top10 .m-desc-t10-c__ft{
  display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; gap:8px!important;
  padding:0 12px 12px!important; margin:0!important; box-sizing:border-box!important;
}
html body #m-desc-top10 .m-desc-t10-c__ft .bitacora-btn.m-desc-t10-cta{
  flex:1 1 28%!important; min-width:min(100%, 88px)!important; min-height:32px!important; height:32px!important; max-height:32px!important; padding:0 10px!important; border-radius:10px!important;
  font-size:12.5px!important; font-weight:800!important; line-height:1.1!important; box-shadow:none!important; box-sizing:border-box!important;
}
html body #m-desc-top10 .m-desc-t10-c__ft .m-desc-t10-cta--baja{
  background:var(--manto-btn-danger-bg, linear-gradient(180deg, rgba(254,226,226,.95) 0%, rgba(254,202,202,.4) 100%))!important;
  color:var(--manto-btn-danger-color, #b91c1c)!important; -webkit-text-fill-color:var(--manto-btn-danger-color, #b91c1c)!important;
  border:var(--manto-btn-danger-border, 1px solid rgba(248,113,113,.4))!important; box-shadow:var(--manto-btn-danger-shadow, 0 1px 0 rgba(185,28,28,.06))!important;
}
html body #m-desc-top10 .m-desc-t10-c__ft .m-desc-t10-cta--baja:hover{
  box-shadow:0 1px 4px rgba(185,28,28,.12)!important; filter:brightness(.99)!important;
}
/* Refuerzo: #m-desc-top10 — el cuerpo llena el mbox (nada de tope 62vh / mosaico .desc-anal-tile) */
html body #m-desc-top10.m-desc-rank2-total-2026.m-desc-rank-modal-serio-v1 .modal-serio-body.m-desc-rank2-body,
html body #m-desc-top10.m-desc-rank2-total-2026.m-desc-rank-modal-serio-v1 .modal-serio-body.m-desc-top10-serio-body{
  max-height:none!important;
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border:none!important;
  box-shadow:none!important;
  background:#f8fafc!important;
  border-radius:0 0 14px 14px!important;
  border-bottom:1px solid #d1d9e2!important;
  touch-action:pan-y!important;
}
html body #m-desc-top10.m-desc-rank-modal-serio-v1.desc-pebble-vida-20260418 .m-desc-rank2-bloque.ani-serio-v2-card,
html body #m-desc-top10.m-desc-rank-modal-serio-v1.desc-pebble-vida-20260418 .m-desc-rank2-bloque{
  margin:0!important;
  box-sizing:border-box!important;
  padding:12px 14px!important;
}
/* 2026: una sola tarjeta: lista = protagonista. Estado “cargando” visible. */
html body #m-desc-top10 .m-desc-rank2-body--soloTabla2026{ gap:8px!important; }
html body #m-desc-top10 .m-desc-rank2--primero.ani-serio-v2-card{
  order:0!important;
  border:1px solid #1e3a5f1a!important;
  box-shadow:0 2px 12px rgba(30,58,95,.1)!important;
}
html body #m-desc-top10 .ani-serio-v2-subl.m-desc-rank2-subl-main{ margin-bottom:6px!important; }
html body #m-desc-top10 .m-desc-rank2-1l--nudo{ font-size:12.5px!important; }
html body #m-desc-top10 .m-desc-rank2-ah{ color:#64748b!important; font-weight:600!important; }
html body #m-desc-top10 .m-desc-rank2-meta{
  font-size:11.5px!important; line-height:1.4!important; font-weight:600!important; color:#475569!important; margin:0 0 8px!important; padding:8px 10px!important;
  background:#f1f5f9!important; border:1px solid #e2e8f0!important; border-radius:8px!important; font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
html body #m-desc-top10 .m-desc-rank2-carg{
  min-height:140px!important; margin:0!important; padding:16px 10px!important;
  display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important;
  font-size:14px!important; font-weight:800!important; color:#0f172a!important;
  background:repeating-linear-gradient(135deg, #f1f5f9 0, #f1f5f9 8px, #e2e8f0 8px, #e2e8f0 9px)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important; border-radius:0 0 8px 8px!important;
}
html body #m-desc-top10 .m-desc-rank2-lw:not(.m-desc-rank2-lw--empty){
  min-height:160px!important;
}
html body #m-desc-top10 .m-desc-rank2-empty{
  min-height:100px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
  padding:14px 10px!important; font-size:12.5px!important; line-height:1.45!important;
}
html body #m-desc-top10 .m-desc-rank2-para{ margin:0!important; font-size:13px!important; line-height:1.45!important; font-weight:600!important; color:#1e293b!important; }
html body #m-desc-top10 .m-desc-rank2-para--tight{ margin:0 0 8px!important; }
html body #m-desc-top10 .m-desc-rank2-ayuda{ margin:0 0 10px!important; border:1px solid #e2e8f0!important; border-radius:12px!important; background:#fbfcfe!important; overflow:hidden!important; }
html body #m-desc-top10 .m-desc-rank2-ayuda-sum{
  list-style:none!important; padding:10px 12px!important; margin:0!important;
  font-size:12.5px!important; font-weight:800!important; color:#0f172a!important; white-space:normal!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important; cursor:pointer!important;
  user-select:none!important; -webkit-tap-highlight-color:transparent!important;
  background:linear-gradient(180deg, #f8fafc, #f1f5f9)!important; border-bottom:1px solid transparent!important;
  display:block!important; width:100%!important; text-align:left!important; box-sizing:border-box!important;
}
html body #m-desc-top10 .m-desc-rank2-ayuda[open] .m-desc-rank2-ayuda-sum{ border-bottom-color:#e2e8f0!important; }
html body #m-desc-top10 .m-desc-rank2-ayuda-sum::-webkit-details-marker{ display:none!important; }
html body #m-desc-top10 .m-desc-rank2-ayuda-body{ padding:0 0 2px!important; display:flex!important; flex-direction:column!important; gap:0!important; }
html body #m-desc-top10 .m-desc-rank2-ayuda-body .m-desc-rank2-3pill{ margin:10px 10px 6px!important; }
html body #m-desc-top10 .m-desc-rank2-ayuda-body .m-desc-rank2-tricolor{ margin:0 10px 0!important; }
html body #m-desc-top10 .m-desc-rank2-ayuda-body .m-desc-rank2-para--tight{ padding:0 12px 12px!important; margin:0!important; }
html body #m-desc-top10 .m-desc-rank2-3pill{
  list-style:none!important; margin:0 0 8px!important; padding:0!important;
  display:grid!important; grid-template-columns:1fr!important; gap:6px!important;
}
@media (min-width:400px){
  html body #m-desc-top10 .m-desc-rank2-3pill{ grid-template-columns:repeat(3, minmax(0,1fr))!important; gap:6px!important; }
}
html body #m-desc-top10 .m-desc-rank2-3pill-it{
  display:flex!important; flex-direction:column!important; gap:2px!important; min-width:0!important;
  padding:8px 8px 9px!important; border-radius:10px!important;
  background:#fff!important; border:1px solid #e2e8f0!important; box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
}
html body #m-desc-top10 .m-desc-rank2-3pill-ico{
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  width:20px!important; height:20px!important; border-radius:6px!important; margin-bottom:1px!important;
  font-size:11px!important; font-weight:900!important; color:#0f172a!important;
  background:#e2e8f0!important; border:1px solid #cbd5e1!important;
  flex-shrink:0!important; font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
html body #m-desc-top10 .m-desc-rank2-3pill-lbl{
  font-size:12px!important; font-weight:800!important; color:#0f172a!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important; line-height:1.2!important;
}
html body #m-desc-top10 .m-desc-rank2-3pill-hi{
  font-size:10.5px!important; font-weight:600!important; color:#64748b!important; line-height:1.3!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
html body #m-desc-top10 .m-desc-rank2-tricolor{
  display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:4px 6px!important;
  margin:0 0 10px!important; padding:8px 10px!important; border-radius:10px!important;
  background:#f1f5f9!important; border:1px dashed #94a3b8!important;
  font-size:12px!important; font-weight:600!important; color:#334155!important;
  line-height:1.35!important; font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
html body #m-desc-top10 .m-desc-rank2-dot{ display:inline-block!important; width:8px!important; height:8px!important; border-radius:999px!important; vertical-align:middle!important; margin:0 2px 1px 0!important; }
html body #m-desc-top10 .m-desc-rank2-dot--a{ background:#dc2626!important; }
html body #m-desc-top10 .m-desc-rank2-dot--b{ background:#f59e0b!important; }
html body #m-desc-top10 .m-desc-rank2-dot--c{ background:#16a34a!important; }
html body #m-desc-top10 .m-desc-rank2-trl__sep{ color:#94a3b8!important; user-select:none!important; }
/* Listado: tabla lógica en CSS grid (encabezado fijo) */
html body #m-desc-top10 .m-desc-rank2--listado{ background:#fff!important; border:1px solid #e2e8f0!important; flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; gap:8px!important; }
html body #m-desc-top10 .m-desc-rank2-bajada{ font-size:12px!important; line-height:1.45!important; color:#475569!important; font-weight:600!important; margin:0 0 6px!important; font-family:'Segoe UI',Tahoma,Arial,sans-serif!important; }
html body #m-desc-top10 .m-desc-rank2-bajada strong{ color:#0f172a!important; }
html body #m-desc-top10 .m-desc-rank2-1l{ font-size:12.5px!important; line-height:1.4!important; color:#475569!important; font-weight:600!important; margin:0 0 6px!important; font-family:'Segoe UI',Tahoma,Arial,sans-serif!important; }
html body #m-desc-top10 .m-desc-rank2-1l strong{ color:#0f172a!important; }
html body #m-desc-top10 .m-desc-rank2-lw{ border:1px solid #e2e8f0!important; border-radius:12px!important; background:#f8fafc!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch!important; }
html body #m-desc-top10 .m-desc-rank2-lw--empty{ border-style:dashed!important; }
html body #m-desc-top10 .m-desc-rank2-lw--empty .m-desc-rank2-grad--head{ display:none!important; }
html body #m-desc-top10 .m-desc-rank2-tb{ min-width:0!important; }
html body #m-desc-top10 .m-desc-rank2-grad, html body #m-desc-top10 .m-desc-rank2-tb-inner{ min-width:min(100%, 340px)!important; box-sizing:border-box!important; }
html body #m-desc-top10 .m-desc-rank2-grad{
  display:grid!important;
  align-items:stretch!important;
  gap:4px 6px!important;
  box-sizing:border-box!important;
  grid-template-columns:28px minmax(0,1fr) 50px 34px 36px 68px!important;
  padding:0 6px 0 0!important;
}
html body #m-desc-top10 .m-desc-rank2-grad--head{
  padding:6px 6px 6px 0!important;
  background:linear-gradient(180deg,#e2e8f0 0%,#f1f5f9 100%)!important;
  border-bottom:1px solid #cbd5e1!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  line-height:1.15!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  align-items:center!important;
}
html body #m-desc-top10 .m-desc-rank2-gh{ text-align:center!important; }
html body #m-desc-top10 .m-desc-rank2-gh--v{ text-align:left!important; padding-left:0!important; }
html body #m-desc-top10 .m-desc-rank2-gh--i{ text-align:center!important; }
html body #m-desc-top10 .m-desc-rank2-gh--p{ padding-right:0!important; }
html body #m-desc-top10 .m-desc-rank2-gh small{ font-size:7.5px!important; font-weight:800!important; opacity:.9!important; }
html body #m-desc-top10 .m-desc-rank2-tb-inner{ display:flex!important; flex-direction:column!important; }
html body #m-desc-top10 .m-desc-rank2-row{
  margin:0!important; padding:4px 6px 4px 0!important; appearance:none!important; -webkit-appearance:none!important; font-family:inherit!important;
  -webkit-tap-highlight-color:transparent!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 50px 34px 36px 68px!important;
  align-items:stretch!important;
  gap:4px 6px!important;
  width:100%!important;
  text-align:left!important;
  min-height:52px!important;
  font:inherit!important;
  position:relative!important;
  cursor:pointer!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-left:4px solid #cbd5e1!important;
  border-radius:0!important;
  box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
  transition:background .12s, box-shadow .12s, border-color .12s!important;
}
html body #m-desc-top10 .m-desc-rank2-tb .m-desc-rank2-tb-inner .m-desc-rank2-row + .m-desc-rank2-row{ border-top:1px solid #f1f5f9!important; }
html body #m-desc-top10 .m-desc-rank2-row--a{ border-left-color:#dc2626!important; }
html body #m-desc-top10 .m-desc-rank2-row--b{ border-left-color:#d97706!important; }
html body #m-desc-top10 .m-desc-rank2-row--c{ border-left-color:#16a34a!important; }
html body #m-desc-top10 .m-desc-rank2-row:hover{ background:#f8fafc!important; box-shadow:0 2px 8px rgba(15,23,42,.08)!important; }
html body #m-desc-top10 .m-desc-rank2-idx{ display:flex!important; align-items:center!important; justify-content:center!important; padding:0 2px!important; }
html body #m-desc-top10 .m-desc-rank2-idx-b{ font-size:11.5px!important; font-weight:900!important; color:#334155!important; min-width:22px!important; height:22px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:#e2e8f0!important; border-radius:6px!important; }
html body #m-desc-top10 .m-desc-rank2-vcell{ display:flex!important; align-items:center!important; gap:8px!important; min-width:0!important; padding:2px 0 2px 0!important; }
html body #m-desc-top10 .m-desc-rank2-tmb{ width:40px!important; height:40px!important; min-width:40px!important; border-radius:8px!important; overflow:hidden!important; background:#e2e8f0!important; flex-shrink:0!important; border:1px solid #cbd5e1!important; }
html body #m-desc-top10 .m-desc-rank2-tmb-img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; }
html body #m-desc-top10 .m-desc-rank2-nstack{ min-width:0!important; display:flex!important; flex-direction:column!important; gap:2px!important; }
html body #m-desc-top10 .m-desc-rank2-nom{ font-size:12.5px!important; font-weight:800!important; color:#0f172a!important; line-height:1.2!important; display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; }
html body #m-desc-top10 .m-desc-rank2-lote{ font-size:8.5px!important; font-weight:800!important; align-self:flex-start!important; border-radius:4px!important; padding:1px 4px!important; }
html body #m-desc-top10 .m-desc-rank2-lote--alta{ color:#166534!important; background:#ecfdf5!important; border:1px solid #a7f3d0!important; }
html body #m-desc-top10 .m-desc-rank2-lote--baja{ color:#9a3412!important; background:#fff7ed!important; border:1px solid #fed7aa!important; }
html body #m-desc-top10 .m-desc-rank2-cel{ display:flex!important; align-items:center!important; justify-content:center!important; min-width:0!important; min-height:40px!important; }
html body #m-desc-top10 .m-desc-rank2-cel--l{ color:#0f172a!important; text-align:center!important; flex-direction:column!important; align-items:center!important; gap:0!important; line-height:1.1!important; }
html body #m-desc-top10 .m-desc-rank2-lev{ font-size:12.5px!important; font-weight:800!important; color:#0f172a!important; }
html body #m-desc-top10 .m-desc-rank2-cel--l .m-desc-rank2-mu{ font-size:8.5px!important; font-weight:800!important; color:#94a3b8!important; }
html body #m-desc-top10 .m-desc-rank2-cel--f, html body #m-desc-top10 .m-desc-rank2-cel--e{ font-size:12.5px!important; font-weight:800!important; color:#334155!important; }
html body #m-desc-top10 .m-desc-rank2-cel--p{ display:flex!important; align-items:center!important; justify-content:flex-end!important; }
html body #m-desc-top10 .m-desc-rank2-pill{
  display:inline-block!important;
  min-width:52px!important;
  text-align:center!important;
  font-size:9.5px!important; font-weight:800!important; letter-spacing:.04em!important; text-transform:uppercase!important;
  padding:4px 6px!important; border-radius:6px!important; line-height:1.1!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  border:1px solid #cbd5e1!important; background:#f1f5f9!important; color:#475569!important;
}
html body #m-desc-top10 .m-desc-rank2-pill--a{ background:#fef2f2!important; color:#b91c1c!important; border-color:#fecaca!important; }
html body #m-desc-top10 .m-desc-rank2-pill--b{ background:#fffbeb!important; color:#b45309!important; border-color:#fde68a!important; }
html body #m-desc-top10 .m-desc-rank2-pill--c{ background:#ecfdf5!important; color:#166534!important; border-color:#bbf7d0!important; }
/* Strip / CTA fijo bajo listado */
html body #m-desc-top10 .m-desc-rank2-strip{
  margin:0!important;
  border-radius:12px!important; border:1px solid #cbd5e1!important; border-style:dashed!important;
  background:linear-gradient(180deg,#f8fafc, #f1f5f9 100%)!important;
  padding:10px 12px!important;
  min-height:56px!important;
  flex-shrink:0!important;
}
html body #m-desc-top10 .m-desc-rank2-stripin{ display:flex!important; flex-direction:column!important; gap:4px!important; }
html body #m-desc-top10 .m-desc-rank2-skl{ font-size:10.5px!important; font-weight:800!important; letter-spacing:.04em!important; text-transform:uppercase!important; color:#64748b!important; margin:0!important; }
html body #m-desc-top10 .m-desc-rank2-skt{ font-size:12.5px!important; font-weight:600!important; color:#334155!important; line-height:1.4!important; margin:0!important; }
html body #m-desc-top10 .m-desc-rank2-stripin--on{ gap:0!important; }
html body #m-desc-top10 .m-desc-rank2-stripin--on strong{ display:block!important; font-size:14px!important; line-height:1.25!important; color:#0f172a!important; font-weight:800!important; }
html body #m-desc-top10 .m-desc-rank2-stripin--on .desc-anal-strip-sub{ display:block!important; font-size:12px!important; font-weight:600!important; color:#64748b!important; margin-top:4px!important; }
html body #m-desc-top10 .m-desc-rank2-empty{ padding:16px 12px!important; text-align:center!important; font-size:12.5px!important; font-weight:600!important; color:#64748b!important; }
@media (max-width:400px){
  html body #m-desc-top10 .m-desc-rank2-grad{ grid-template-columns:24px minmax(0,1fr) 44px 30px 30px 56px!important; }
  html body #m-desc-top10 .m-desc-rank2-row{ grid-template-columns:24px minmax(0,1fr) 44px 30px 30px 56px!important; gap:2px 4px!important; min-height:48px!important; }
  html body #m-desc-top10 .m-desc-rank2-tmb{ width:32px!important; height:32px!important; min-width:32px!important; }
  html body #m-desc-top10 .m-desc-rank2-gh{ font-size:7.5px!important; }
}
@media (max-width:540px){
  html body #m-desc-top10.m-desc-rank-modal-serio-v1.desc-pebble-vida-20260418.bitacora-serio-v2.modal-nuevo .mbox.bitacora-mbox.ani-modal-serio-v2__mbox{
    width:100%!important;
    max-width:100%!important;
  }
}

/* ══════════════════════════════════════════════════════════════
   Leche — HEADER BLOQUE: Gráficos e Historial deben usar el MISMO padding
   que Resumen (#3045: 8px 10px). Esa regla gana a un padding “compacto”
   en Resumen por mayor especificidad; aquí igualamos prod/hist al final. */
html body #pg-lec.leche-serio-v1.lec-pebble-vida-20260418 .lec-prod-head.lec-prod-head,
html body #pg-lec.leche-serio-v1.lec-pebble-vida-20260418 .lec-hist-head.lec-hist-head{
  padding:var(--manto-space,8px)!important;
}

/* Dashboard Inicio (tab) — misma banda 8×10 que Leche / Resumen leche */
html body #pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-inicio-recuadro__head.dash-inicio-recuadro__head{
  padding:8px 10px 8px 10px!important;
}
/* Noticias: fila única (pulso + título + región); altura auto vs regla A 44px */
html body #pg-dash.dash-serio-v1 .dash-tab-panel--inicio .dash-inicio-recuadro__head.dash-noticias-widget__head{
  padding:8px 10px 8px 10px!important;
  align-items:center!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
}
/* PESAJE — HEADER BLOQUE: 8×10, icono+único título en fila, sin subtítulos en .pes-serio-panel-h
   (texto secundario: .pes-serio-panel-hsub--body / .pes-serio-hint-below-h en cuerpo) */
html body #pg-pesaje.pesaje-serio-v1.pes-pebble-vida-20260418 .pes-serio-panel-h.pes-serio-panel-h{
  padding:8px 10px 8px 10px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
}
/* ANIMALES — HEADER BLOQUE (panel Inventario / Lista-Mosaico): banda 8×10 = Pesaje */
html body #pg-ani.animales-serio-v1.ani-pebble-vida-20260418 .ani-serio-panel-h.ani-serio-panel-h{
  padding:8px 10px 8px 10px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
}
/* PARTOS — HEADER BLOQUE: banda 8×10 = Pesaje */
html body #pg-nac.partos-serio-v1.nac-pebble-vida-20260418 .partos-serio-panel-h.partos-serio-panel-h{
  padding:8px 10px 8px 10px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
}
/* POTREROS — HEADER BLOQUE: banda 8×10 = Pesaje (mapa mantiene 11×12 vía regla de panel en ~17692) */
html body #pg-pot.potreros-serio-v1.pot-pebble-vida-20260418 .pot-panel:not(.pot-panel--map) .pot-panel-h.pot-panel-h{
  padding:8px 10px 8px 10px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
}
html body #pg-pot.potreros-serio-v1.pot-pebble-vida-20260418 .pot-panel--map .pot-panel-h.pot-panel-h{
  padding:11px 12px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
}
/* INSUMOS — HEADER BLOQUE: banda 8×10 = Pesaje / Partos / Potreros (no mapa) */
html body #pg-ins.insumos-serio-v1.ins-pebble-vida-20260418 .ins-serio-subpanel-h.ins-serio-subpanel-h{
  padding:8px 10px 8px 10px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
}
/* Icono 28 en caja: vence fase B (36) del canonical */
html body #pg-ani.animales-serio-v1 .serio-v1-icon-box.header-bloque .ani-serio-htit-ico,
html body #pg-nac.partos-serio-v1 .serio-v1-icon-box.header-bloque .partos-serio-htit-ico,
html body #pg-pot.potreros-serio-v1 .serio-v1-icon-box.header-bloque .pot-panel-h-ico,
html body #pg-pesaje.pesaje-serio-v1 .serio-v1-icon-box.header-bloque .pes-serio-htit-ico,
html body #pg-ins.insumos-serio-v1 .serio-v1-icon-box.header-bloque .ins-serio-htit-ico,
html body #pg-cal.eventos-serio-v1 .serio-v1-icon-box.header-bloque .cal-serio-htit-ico,
html body #pg-tools.tools-pg-serio .serio-v1-icon-box.header-bloque .tools-pg-htit-ico{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  object-fit:contain!important;
}

/* ═══════════════════════════════════════════════════════════════════════
   Leche — Historial: orden + márgenes v2 (stack vista+filtro; ayuda plana)
   Debe ir al FINAL de esta hoja para ganar a reglas intermedias.
   ═══════════════════════════════════════════════════════════════════════ */
html body #pg-lec.leche-serio-v1.lec-pebble-vida-20260418 .lec-hist-outer > .lec-hist-stack,
html body #pg-pesaje.pesaje-serio-v1.pes-pebble-vida-20260418 .pes-serio-panel--sesiones .pes-hist-ses-stack{
  padding:var(--manto-space,8px)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:var(--manto-space,8px)!important;
  box-sizing:border-box!important;
}
/* gap del stack separa vista / filtro / meta — sin margin-top extra */
html body #pg-lec.leche-serio-v1.lec-pebble-vida-20260418 .lec-hist-stack > #lec-hist-filter.lec-hist-filter,
html body #pg-pesaje.pesaje-serio-v1.pes-pebble-vida-20260418 .pes-hist-ses-stack > #pes-hist-ses-filter.lec-hist-filter{
  margin-top:0!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-bottom:0!important;
}
html body #pg-lec.leche-serio-v1.lec-pebble-vida-20260418 .lec-hist-stack > .lec-hist-filter__meta{
  margin-top:0!important;
}
html body #pg-lec.leche-serio-v1.lec-pebble-vida-20260418 .lec-hist-outer > #lec-list{
  padding-top:0!important;
  padding-left:8px!important;
  padding-right:8px!important;
  padding-bottom:8px!important;
  box-sizing:border-box!important;
}
html body :is(#pg-lec.leche-serio-v1,#pg-pesaje.pesaje-serio-v1) .lec-hist-filter__apply{
  width:auto!important;
  max-width:none!important;
  flex:0 0 auto!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0 12px!important;
  font-size:12px!important;
  font-weight:700!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  color:#334155!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  text-decoration:none!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
html body #pg-lec.leche-serio-v1 .lec-hist-stack > .lec-hist-filter__meta{
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:600!important;
  color:#64748b!important;
}

/* ═══════════════════════════════════════════════════════════════════════
   Leche — Historial: Desde / Hasta / Aplicar en una fila (flex nowrap)
   ═══════════════════════════════════════════════════════════════════════ */
html body :is(#pg-lec.leche-serio-v1.lec-pebble-vida-20260418, #pg-pesaje.pesaje-serio-v1.pes-pebble-vida-20260418) .lec-hist-filter__custom-inner{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body :is(#pg-lec.leche-serio-v1.lec-pebble-vida-20260418, #pg-pesaje.pesaje-serio-v1.pes-pebble-vida-20260418) .lec-hist-filter__field{
  flex:1 1 0!important;
  min-width:0!important;
}
html body :is(#pg-lec.leche-serio-v1.lec-pebble-vida-20260418, #pg-pesaje.pesaje-serio-v1.pes-pebble-vida-20260418) .lec-hist-filter__apply{
  flex-shrink:0!important;
}

/* ═══════════════════════════════════════════════════════════════════════
   Registrar parto (#m-nac) — Editar: fila triple (.m-nac-edit-footer-triple vía app-core.js)
   Mismo criterio que #m-ani-edit: flex + nowrap + % (no grid; en móvil no salta a 2 filas).
   ═══════════════════════════════════════════════════════════════════════ */
html body #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell__row.m-nac-reg-foot-row.m-nac-edit-footer-triple{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  gap:8px!important;
  max-width:100%!important;
  width:100%!important;
  margin:0!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell__row.m-nac-reg-foot-row.m-nac-edit-footer-triple > .btn.bitacora-btn{
  min-width:0!important;
  box-sizing:border-box!important;
}
html body #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell__row.m-nac-reg-foot-row.m-nac-edit-footer-triple .bit-bitacora-foot-cancel{
  flex:0 1 30%!important;
  max-width:34%!important;
  min-width:0!important;
}
html body #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell__row.m-nac-reg-foot-row.m-nac-edit-footer-triple #btn-del-nac-edit{
  flex:0 1 28%!important;
  max-width:32%!important;
  min-width:0!important;
}
html body #m-nac.nac-parto-form-modal.bitacora-serio-v2 .ani-serio-v2-footer-shell__row.m-nac-reg-foot-row.m-nac-edit-footer-triple #btn-save-nac{
  flex:1 1 0!important;
  min-width:0!important;
}
html body #m-nac.nac-parto-form-modal.bitacora-serio-v2.m-nac--edit-no-del .ani-serio-v2-footer-shell__row.m-nac-reg-foot-row.m-nac-edit-footer-triple .bit-bitacora-foot-cancel{
  flex:0 1 38%!important;
  max-width:44%!important;
}
html body #m-nac.nac-parto-form-modal.bitacora-serio-v2.m-nac--edit-no-del .ani-serio-v2-footer-shell__row.m-nac-reg-foot-row.m-nac-edit-footer-triple #btn-save-nac{
  flex:1 1 0!important;
}

/* ════ Descartes — Fase 2: desglose Score (#m-desc-score-det) ════ */
html body #m-desc-score-det.m-desc-rank2-total-2026 .modal-serio-body.m-desc-score-det-body{
  max-height:none!important;
  min-height:0!important;
  flex:1 1 auto!important;
}
html body #m-desc-score-det .m-desc-score-det-sub{
  margin:0 0 6px!important;
  font-size:15px!important;
  font-weight:800!important;
  color:var(--texto-fuerte, #0f172a)!important;
  line-height:1.25!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
html body #m-desc-score-det .m-desc-score-det-badge{
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  margin-bottom:10px!important;
  border:1px solid var(--gris-300, #cbd5e1)!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
}
html body #m-desc-score-det .m-desc-score-det-badge--alto{
  background:#fef2f2!important;
  color:#b91c1c!important;
  border-color:#fecaca!important;
}
html body #m-desc-score-det .m-desc-score-det-badge--medio{
  background:#fffbeb!important;
  color:#b45309!important;
  border-color:#fde68a!important;
}
html body #m-desc-score-det .m-desc-score-det-badge--bajo{
  background:#ecfdf5!important;
  color:#166534!important;
  border-color:#bbf7d0!important;
}
html body #m-desc-score-det .m-desc-score-det-meter{
  height:10px!important;
  border-radius:999px!important;
  background:var(--gris-200, #e2e8f0)!important;
  overflow:hidden!important;
  margin:0 0 8px!important;
  border:1px solid var(--gris-300, #cbd5e1)!important;
}
html body #m-desc-score-det .m-desc-score-det-meter__fill{
  height:100%!important;
  border-radius:999px!important;
  min-width:4px!important;
  transition:width .35s ease!important;
}
html body #m-desc-score-det .m-desc-score-det-meter__fill--alto{
  background:linear-gradient(90deg, #fecaca, #dc2626)!important;
}
html body #m-desc-score-det .m-desc-score-det-meter__fill--medio{
  background:linear-gradient(90deg, #fde68a, #d97706)!important;
}
html body #m-desc-score-det .m-desc-score-det-meter__fill--bajo{
  background:linear-gradient(90deg, #bbf7d0, #16a34a)!important;
}
html body #m-desc-score-det .m-desc-score-det-scorebig{
  display:flex!important;
  align-items:baseline!important;
  gap:4px!important;
  margin:0 0 8px!important;
}
html body #m-desc-score-det .m-desc-score-det-scorebig__n{
  font-size:34px!important;
  font-weight:900!important;
  color:var(--texto-fuerte, #0f172a)!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
html body #m-desc-score-det .m-desc-score-det-scorebig__s{
  font-size:14px!important;
  font-weight:800!important;
  color:var(--texto-suave, #64748b)!important;
}
html body #m-desc-score-det .m-desc-score-det-hint{
  margin:0!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:600!important;
  color:var(--texto-suave, #64748b)!important;
}
html body #m-desc-score-det .m-desc-score-det-hero{
  padding:2px 2px 4px!important;
}
html body #m-desc-score-det .m-desc-score-det-card{
  margin:0!important;
}
html body #m-desc-score-det .m-desc-score-det-grid{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:8px 12px!important;
  margin:0!important;
  padding:0!important;
}
html body #m-desc-score-det .m-desc-score-det-kpi{
  margin:0!important;
  padding:8px 10px!important;
  background:var(--superficie-input, #ffffff)!important;
  border:1px solid var(--gris-300, #cbd5e1)!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}
html body #m-desc-score-det .m-desc-score-det-kpi dt{
  margin:0 0 4px!important;
  font-size:10px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  color:var(--texto-suave, #64748b)!important;
}
html body #m-desc-score-det .m-desc-score-det-kpi dd{
  margin:0!important;
  font-size:14px!important;
  font-weight:800!important;
  color:var(--texto-fuerte, #0f172a)!important;
  font-variant-numeric:tabular-nums!important;
}
html body #m-desc-score-det .m-desc-score-det-flist{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
html body #m-desc-score-det .m-desc-score-det-f{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  padding:10px 12px!important;
  border-radius:10px!important;
  border:1px solid var(--gris-300, #cbd5e1)!important;
  background:var(--superficie-input, #ffffff)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
html body #m-desc-score-det .m-desc-score-det-f--neg{
  border-left:3px solid #dc2626!important;
}
html body #m-desc-score-det .m-desc-score-det-f--pos{
  border-left:3px solid #16a34a!important;
}
html body #m-desc-score-det .m-desc-score-det-f--empty{
  border-left:3px solid var(--gris-400, #94a3b8)!important;
  font-weight:600!important;
  color:var(--texto-base, #334155)!important;
}
html body #m-desc-score-det .m-desc-score-det-f__pts{
  flex:0 0 auto!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  color:#b91c1c!important;
  min-width:2.2em!important;
}
html body #m-desc-score-det .m-desc-score-det-f--pos .m-desc-score-det-f__pts{
  color:#166534!important;
}
html body #m-desc-score-det .m-desc-score-det-f__txt{
  flex:1 1 auto!important;
  font-weight:600!important;
  color:var(--texto-base, #334155)!important;
}
html body #m-desc-score-det .m-desc-score-det-footnote{
  margin:0!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:600!important;
  color:var(--texto-muted, #94a3b8)!important;
  text-align:center!important;
}

/* Hoy en la finca — Anomalías / Vacas a secar / Stock: solo layout del icono (sin cambiar fondo del recuadro) */
.hoy-finca-chip[data-hf-cat="anomalias"] .hoy-finca-chip__ico-wrap,
.hoy-finca-chip[data-hf-cat="secar"] .hoy-finca-chip__ico-wrap,
.hoy-finca-chip[data-hf-cat="stock"] .hoy-finca-chip__ico-wrap{
  padding:0!important;
  overflow:hidden!important;
}
.hoy-finca-chip[data-hf-cat="anomalias"] .hoy-finca-chip__ico,
.hoy-finca-chip[data-hf-cat="secar"] .hoy-finca-chip__ico,
.hoy-finca-chip[data-hf-cat="stock"] .hoy-finca-chip__ico{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media (max-width:640px){
  .hoy-finca-chip[data-hf-cat="anomalias"] .hoy-finca-chip__ico,
  .hoy-finca-chip[data-hf-cat="secar"] .hoy-finca-chip__ico,
  .hoy-finca-chip[data-hf-cat="stock"] .hoy-finca-chip__ico{
    max-width:none!important;
    max-height:none!important;
  }
}
.hoy-finca-bloque[data-hf-cat="anomalias"] .hoy-finca-bloque__ico,
.hoy-finca-bloque[data-hf-cat="secar"] .hoy-finca-bloque__ico,
.hoy-finca-bloque[data-hf-cat="stock"] .hoy-finca-bloque__ico{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:8px!important;
}

/* ── Tools — Logo del menú: refuerzo caja + vista previa (cabecera/cards en styles.css) ── */
#m-tools-logo-header.modal-nuevo.bitacora-serio-v2 .mbox.bitacora-mbox{
  display:flex!important;
  flex-direction:column!important;
  padding:0!important;
  gap:0!important;
  min-height:0!important;
  max-height:min(92dvh, calc(100vh - 24px))!important;
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid #d1d9e2!important;
  background:#fff!important;
  box-shadow:var(--manto-serio-panel-inset, inset 0 1px 0 rgba(255,255,255,.78)), var(--manto-serio-panel-drop, 0 1px 2px rgba(15,23,42,.05)), 0 14px 44px rgba(15,23,42,.18)!important;
}
#m-tools-logo-header .tools-logo-header-preview-outer{
  margin:0!important;
  text-align:center;
}
#m-tools-logo-header .tools-logo-header-preview-box{
  width:128px;
  height:128px;
  margin:0 auto;
  border-radius:12px;
  overflow:hidden!important;
  border:1px solid var(--gris-300);
  background:var(--gris-50);
  box-sizing:border-box;
}
#m-tools-logo-header .tools-logo-header-preview-box .tools-logo-header-preview{
  display:none;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border:none!important;
  border-radius:0!important;
  vertical-align:top;
}
#m-tools-logo-header .tools-logo-header-preview-box .tools-logo-header-preview[src]{
  display:block!important;
}
#m-tools-logo-header .tools-logo-header-meta{
  margin-top:8px;
  font-size:12px;
  font-weight:700;
  color:var(--texto-suave);
}
#m-tools-logo-header .tools-logo-header-gen-btn{
  width:100%;
  margin-top:10px;
}

/* ══ INSUMOS — Inventario actual: refuerzo (grid 1fr sin minmax era más ancho que el panel; ítems min-width:auto) ══ */
#pg-ins.insumos-serio-v1.ins-pebble-vida-20260418 #insv2-list{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#pg-ins.insumos-serio-v1.ins-pebble-vida-20260418 .insv2-list-stack{
  grid-template-columns:minmax(0,1fr)!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
#pg-ins.insumos-serio-v1.ins-pebble-vida-20260418 .insv2-card{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}

/* ONBOARDING — tipo de ganadería y contacto */
#login-crea-finca #m-onboarding-crear-finca.modo-final.pes-pebble-vida-20260418{
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
#login-crea-finca #m-onboarding-crear-finca.modo-final.pes-pebble-vida-20260418 .mbox.bitacora-mbox{
  display:flex!important;
  flex-direction:column!important;
  width:min(92vw,480px)!important;
  max-width:min(480px,calc(100vw - 24px))!important;
  max-height:min(88dvh,calc(100dvh - 24px))!important;
  min-height:0!important;
  overflow:hidden!important;
}
#login-crea-finca #m-onboarding-crear-finca.modo-final.pes-pebble-vida-20260418 .manto-header-serio-v1,
#login-crea-finca #m-onboarding-crear-finca.modo-final.pes-pebble-vida-20260418 .ani-serio-v2-footer-shell{
  flex:0 0 auto!important;
}
#login-crea-finca #m-onboarding-crear-finca.modo-final.pes-pebble-vida-20260418 .modal-serio-body.onb-crea-finca-modal-serio-body{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:12px!important;
}
#login-crea-finca #m-onboarding-crear-finca .onb-wa-field-row select.onb-wa-cc{
  flex:0 0 96px!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  min-height:40px!important;
  padding:0 8px!important;
  border:none!important;
  border-right:1px solid var(--gris-200,#e2e8f0)!important;
  border-radius:0!important;
  background:var(--gris-100,#f1f5f9)!important;
  color:var(--texto-base,#334155)!important;
  font-size:12px!important;
  font-weight:900!important;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif!important;
  outline:none!important;
}
#login-crea-finca #m-onboarding-crear-finca .onb-wa-field-row select.onb-wa-cc:focus{
  box-shadow:inset 0 0 0 2px var(--gris-400,#94a3b8)!important;
}
#m-onboarding-crear-finca .onb-perfil-options{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#m-onboarding-crear-finca .onb-perfil-card{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:70px!important;
  padding:10px 10px!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  border-radius:12px!important;
  background:var(--gris-0,#fff)!important;
  box-shadow:var(--manto-serio-panel-inset),0 1px 2px rgba(15,23,42,.04)!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
#m-onboarding-crear-finca .onb-perfil-card input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
#m-onboarding-crear-finca .onb-perfil-card__ico{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  border:1px solid var(--gris-300,#cbd5e1)!important;
  background:var(--gris-100,#f1f5f9)!important;
  font-size:18px!important;
}
#m-onboarding-crear-finca .onb-perfil-card__txt{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#m-onboarding-crear-finca .onb-perfil-card__txt strong{
  color:var(--texto-fuerte,#0f172a)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
#m-onboarding-crear-finca .onb-perfil-card__txt small{
  color:var(--texto-suave,#64748b)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
#m-onboarding-crear-finca .onb-perfil-card:has(input:checked){
  border-color:var(--gris-400,#94a3b8)!important;
  background:var(--superficie-bloque-header,linear-gradient(168deg,#f1f5f9 0%,#e2e8f0 55%,#dbe2ea 100%))!important;
  box-shadow:var(--manto-serio-panel-inset),0 4px 14px rgba(15,23,42,.08)!important;
}
#m-onboarding-crear-finca .onb-perfil-card:has(input:focus-visible){
  outline:2px solid var(--gris-400,#94a3b8)!important;
  outline-offset:2px!important;
}
@media (max-width:520px){
  #login-crea-finca #m-onboarding-crear-finca.modo-final.pes-pebble-vida-20260418{
    padding:10px!important;
  }
  #login-crea-finca #m-onboarding-crear-finca.modo-final.pes-pebble-vida-20260418 .mbox.bitacora-mbox{
    max-height:calc(100dvh - 28px)!important;
  }
  #login-crea-finca #m-onboarding-crear-finca .onb-wa-field-row select.onb-wa-cc{
    flex-basis:88px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    font-size:11px!important;
  }
  #m-onboarding-crear-finca .onb-perfil-options{
    grid-template-columns:1fr!important;
  }
  #m-onboarding-crear-finca .onb-perfil-card{
    min-height:62px!important;
    padding:8px 10px!important;
  }
}

/* ASISTENTE VIRTUAL — override final: chips visibles + conversación desplazable */
#app #pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel--chat{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel--chat .ia-serio-chat-body{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-proactive,
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-history,
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips{
  display:block!important;
  flex:0 0 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips:not(.ia-serio-suggest-card){
  padding:0!important;
  border-bottom:none!important;
  background:transparent!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips:not(.ia-serio-suggest-card) .ia-copilot-chips__row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-height:38px!important;
  overflow:visible!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-copilot-chips:not(.ia-serio-suggest-card) .ia-copilot-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  max-width:100%!important;
  white-space:normal!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll:not(.ia-chat-has-msgs):empty{
  flex:0 0 auto!important;
  min-height:0!important;
  height:0!important;
  max-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-top:none!important;
  background:transparent!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll:not(.ia-chat-has-msgs):empty::after{
  content:none!important;
  display:none!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll.ia-chat-has-msgs,
#app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll:not(:empty){
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:180px!important;
  height:auto!important;
  max-height:clamp(200px,34dvh,420px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-top:1px solid var(--gris-300,#cbd5e1)!important;
  background:var(--gris-0,#fff)!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 .ia-serio-panel--chat:not(.ia-chat-panel--active){
  flex:0 0 auto!important;
}
#app #pg-ia.asistente-serio-v1.serio-v2 .ia-serio-input-wrap{
  margin-top:0!important;
  padding-top:8px!important;
}
@media (max-width:767px){
  #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll.ia-chat-has-msgs,
  #app #pg-ia.asistente-serio-v1.serio-v2 #ia-chat.ia-serio-chat-scroll:not(:empty){
    min-height:160px!important;
    height:auto!important;
    max-height:clamp(180px,32dvh,360px)!important;
  }
  #app #pg-ia.asistente-serio-v1.serio-v2.pg,
  #app #pg-ia.asistente-serio-v1.serio-v2.pg.active{
    padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* PC / Chrome: mosaicos de Animales, Partos y Descartes en 5 columnas. */
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  #pg-ani #ani-list > div[style*="grid-template-columns"],
  #pg-nac #nac-list > div[style*="grid-template-columns"],
  #pg-desc #desc-list > .gallery{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #pg-ani #ani-list .gcard,
  #pg-nac #nac-list .nac-mosaic-card,
  #pg-desc #desc-list .gcard{
    min-width:0!important;
  }
}