/* AC_MAX2_V1: piezas del rediseño compartidas por Avícola, Porcinos y Agrícola MAX.
   Se carga junto a bmx2.css en las pantallas nuevas (clase .max2). */

/* ---------- Galpones / corrales / lotes en Hoy ---------- */
.max2-pens{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.bmx2 a.max2-pen{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--linea);border-radius:14px;background:#FCFBF7;color:var(--tinta);text-decoration:none}
.bmx2 a.max2-pen:hover{border-color:var(--bosque);background:#FFFFFF}
.max2-pen-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.max2-pen-name{font:600 22px/1.15 var(--serif);color:var(--bosque)}
.max2-pen-sub{font-size:14px;line-height:1.4;color:var(--musgo)}
.max2-pen-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid var(--linea-2)}
.max2-pen-figs > span{display:flex;flex-direction:column;gap:2px;min-width:0}
.max2-pen-figs b{font:600 19px/1.1 var(--serif);color:var(--bosque);font-variant-numeric:tabular-nums;white-space:nowrap}
.max2-pen-figs small{font-size:12.5px;line-height:1.3;color:var(--musgo)}
.max2-pen-bar{display:block;height:6px;border-radius:3px;background:var(--linea-2);overflow:hidden}
.max2-pen-bar i{display:block;height:100%;background:var(--oro);border-radius:3px}

/* ---------- Gráfico de barras simple ---------- */
.bmx2-row > .max2-chart-card{flex:1.45 1 520px;min-width:0}
.max2-bars{display:block;width:100%;height:auto;margin-top:6px}
.max2-bars .axis{stroke:var(--linea);stroke-width:1}
.max2-bars .bar{fill:#7FA48C}
.max2-bars .is-today .bar{fill:var(--bosque)}
.max2-bars .empty{fill:#E7D3A6}
.max2-bars .lbl{font:500 11px var(--sans);fill:var(--musgo);text-anchor:middle}
.max2-bars .is-today .lbl{font-weight:700;fill:var(--bosque)}
.bmx2-card-head .muted{font-size:14px;color:var(--musgo)}

@media (max-width:900px){
  .max2-pens{grid-template-columns:1fr}
  .bmx2-row > .max2-chart-card{flex-basis:100%}
  .max2-pen-name{font-size:20px}
}