/**
 * MEJORA VISUAL — Ganadería de Carne (#pg-carne)
 * Reglas: .cursor/rules/mejora-visual.mdc
 * v5 (2026-07-08) · cache carneMv5 — header altura fija 48px (= Top 10 Dash)
 * Clase activadora: #pg-carne.mejora-visual
 */

html body #pg-carne.carne-serio-v1.mejora-visual {
  --mv-gap: 9px;
  --mv-gap-inner: 8px;
  --mv-pad: 12px;
  --mv-radius: 14px;
  --mv-canvas: #adb8c8;
  --mv-card: #ffffff;
  --mv-inner-canvas: #e2e8f0;
  --mv-accent: #1e293b;
  --mv-tile-accent: #475569;
  --mv-line: #cbd5e1;
  --mv-line-strong: #64748b;
  --mv-shadow:
    0 1px 3px rgba(15, 23, 42, 0.08),
    0 4px 12px rgba(15, 23, 42, 0.1);
  --mv-tile-shadow:
    0 1px 2px rgba(15, 23, 42, 0.06),
    0 2px 8px rgba(15, 23, 42, 0.09);
  --mv-head-rail: 28px;
  --mv-head-h: 48px;
  --mv-head-pad-y: 10px;
  --mv-head-rayita-h: 28px;
}

/* ══ Canvas página ══ */
html body #pg-carne.carne-serio-v1.mejora-visual,
html body.light #pg-carne.carne-serio-v1.mejora-visual {
  background: var(--mv-canvas) !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  /* Clear nav = altura(nav)+9px vía js/pg-nav-clearance.js (no sumar padding aquí) */
  padding-bottom: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual > .section,
html body #pg-carne.carne-serio-v1.mejora-visual .section-body,
html body #pg-carne.carne-serio-v1.mejora-visual .section-content {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ══ Ritmo vertical — exactamente 9px (pisa index-inline gap 8px + padding-top 8px) ══ */
html body #pg-carne.carne-serio-v1.mejora-visual > .section {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--mv-gap) !important;
  row-gap: var(--mv-gap) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual > .section > .section-header {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual > .section > .section-body,
html body #pg-carne.carne-serio-v1.mejora-visual > .section > .section-body > .section-content {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--mv-gap) !important;
  row-gap: var(--mv-gap) !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual > .section > .section-body > .section-content > *,
html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-ux > *,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-grid > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub,
html body #pg-carne.carne-serio-v1.mejora-visual #carne-teaser {
  margin: 0 !important;
  padding: 0 !important;
}

/* ══ Hero — foto brahman + scrim cálido ══ */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line-strong) !important;
  border-radius: var(--mv-radius) !important;
  box-shadow: var(--mv-shadow) !important;
  overflow: hidden !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero::before {
  display: none !important;
  content: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip,
html body.light #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero.dash-serio-hero--title-strip {
  background-color: #292524 !important;
  background-image:
    var(--mv-hero-scrim-carne),
    var(--hero-img) !important;
  background-size: auto, cover !important;
  background-position: center, center 42% !important;
  background-repeat: no-repeat, no-repeat !important;
  min-height: 102px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: 3px solid var(--mv-line-strong) !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  overflow: hidden !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero__head-row {
  min-height: 92px !important;
  padding: 14px var(--mv-pad) !important;
  position: relative !important;
  z-index: 1 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero__kicker,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero__title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero__kicker {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero__title {
  font-size: clamp(24px, 5.6vw, 30px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.12 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero__ico-inline {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.35)) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero__stat.recuadro-contador {
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 12px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 4px 14px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-panel--hero .dash-serio-hero__stat.recuadro-contador :is(
  .dash-serio-hero__stat-lbl,
  .dash-serio-hero__stat-unit,
  .dash-serio-hero__stat-val
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-serio-hero-toolbar {
  padding: var(--mv-pad) !important;
  background: var(--mv-inner-canvas) !important;
  border-top: 1px solid var(--mv-line) !important;
}

/* ══ Teaser Plan Diamante (demo leche) ══ */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-wrap.carne-teaser-serio-v2 {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-card {
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line-strong) !important;
  border-left: 4px solid var(--mv-accent) !important;
  border-radius: var(--mv-radius) !important;
  box-shadow: var(--mv-shadow) !important;
  padding: var(--mv-pad) !important;
  gap: var(--mv-gap) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-ico-box {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  border: 1px solid var(--mv-line) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-features {
  gap: 0 !important;
  padding: 10px !important;
  background: var(--mv-inner-canvas) !important;
  border: 1px solid var(--mv-line) !important;
  border-radius: 12px !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-feat {
  position: relative !important;
  padding: 9px 8px 9px 22px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.35) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-feat:last-child {
  border-bottom: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-feat::before {
  content: "•" !important;
  position: absolute !important;
  left: 4px !important;
  top: 9px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  color: var(--mv-tile-accent) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-feat__ico {
  width: 22px !important;
  height: 22px !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-foot {
  gap: var(--mv-gap-inner) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-teaser-btn {
  max-width: none !important;
  width: 100% !important;
}

/* ══ Hub — ritmo 9px ══ */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-ux {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--mv-gap) !important;
}
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-launchpad,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--mv-gap) !important;
}

/* ══ Recuadros — bloque blanco flotante ══ */
html body #pg-carne.carne-serio-v1.mejora-visual :is(
  .dash-inicio-recuadro.carne-hub-recuadro,
  .dash-inicio-recuadro.carne-hub-modulo
) {
  margin: 0 !important;
  background: var(--mv-card) !important;
  border: 1px solid var(--mv-line-strong) !important;
  border-radius: var(--mv-radius) !important;
  box-shadow: var(--mv-shadow) !important;
  overflow: hidden !important;
}

/* Cabeceras — gemelas Dashboard Inicio (48px · franja 4px · icono 28px plano) */
html body #pg-carne.carne-serio-v1.mejora-visual :is(
  .dash-inicio-recuadro.carne-hub-recuadro,
  .dash-inicio-recuadro.carne-hub-modulo
) > :is(.dash-inicio-recuadro__head, header.dash-inicio-recuadro__head, .carne-hub-recuadro__head) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: var(--mv-head-pad-y) var(--mv-pad) !important;
  height: var(--mv-head-h) !important;
  min-height: var(--mv-head-h) !important;
  max-height: var(--mv-head-h) !important;
  box-sizing: border-box !important;
  background: var(--mv-card) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--mv-line) !important;
  border-left: none !important;
  box-shadow: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-recuadro__head-brand {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
}

/* Título + rayita — altura compacta (no min-height 36px del canonical global) */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-recuadro__head .serio-v1-title-box--header-bloque {
  --hb-flank: var(--mv-head-rayita-h) !important;
  position: relative !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  box-sizing: border-box !important;
  align-self: center !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-recuadro__head .serio-v1-title-box--header-bloque::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 2px !important;
  height: var(--hb-flank) !important;
  background: color-mix(in srgb, var(--mv-tile-accent, #475569) 55%, transparent) !important;
  border-radius: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
  /* Raya vertical recta — sin caps/curvas (orejitas) */
}

html body #pg-carne.carne-serio-v1.mejora-visual .dash-inicio-recuadro__tit,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-modulo__tit {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  transform: none !important;
  transform-origin: unset !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: var(--texto-fuerte, #0f172a) !important;
  margin: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hdr-ico {
  width: var(--mv-head-rail) !important;
  height: var(--mv-head-rail) !important;
  min-width: var(--mv-head-rail) !important;
  min-height: var(--mv-head-rail) !important;
  max-width: var(--mv-head-rail) !important;
  max-height: var(--mv-head-rail) !important;
  flex-shrink: 0 !important;
  display: block !important;
  object-fit: contain !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Cuerpo — lienzo interior */
html body #pg-carne.carne-serio-v1.mejora-visual :is(
  .dash-inicio-recuadro__body,
  .carne-hub-modulo__body,
  .carne-hub-inicio-body,
  .carne-hub-resumen-body,
  .carne-hub-insights-preview__body
) {
  padding: var(--mv-pad) !important;
  background: var(--mv-inner-canvas) !important;
  border-top: none !important;
}

/* Guía — texto plano, sin caja anidada */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-guia-hint,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-alerta,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-guia-benefit {
  margin: 0 0 var(--mv-gap-inner) !important;
  padding: 0 2px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-alerta {
  font-weight: 700 !important;
  color: var(--texto-base, #334155) !important;
}

/* ══ Acciones rápidas — limpio, sin raya superior ══ */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-acciones-grid {
  gap: var(--mv-gap-inner) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-accion-card {
  position: relative !important;
  min-height: 100px !important;
  padding: 12px 8px 10px !important;
  gap: 8px !important;
  background: var(--gris-0, #ffffff) !important;
  border: 1px solid var(--gris-300, #cbd5e1) !important;
  border-top: 1px solid var(--gris-300, #cbd5e1) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  /* Sin inset top: evita “orejitas” curvas en el borde superior */
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.07) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-accion-card::before,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-accion-card::after {
  content: none !important;
  display: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-accion-card:hover,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-accion-card:focus-visible {
  border-color: var(--gris-400, #94a3b8) !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.1) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-accion-card__ico {
  width: 54px !important;
  height: 54px !important;
  padding: 4px !important;
  border-radius: 12px !important;
  background: var(--gris-50, #f8fafc) !important;
  border: 1px solid var(--gris-200, #e2e8f0) !important;
  box-shadow: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-accion-card__lbl {
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  color: var(--texto-base, #334155) !important;
  hyphens: none !important;
  word-break: normal !important;
}

/* ══ KPI resumen + Alertas — bloques premium (más relieve, headers HD) ══ */
html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-xhero.carne-hub-recuadro--resumen,
html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-insights-preview.carne-hub-recuadro--alertas {
  border-radius: var(--mv-radius) !important;
  border: 1px solid var(--mv-line-strong) !important;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.08),
    0 10px 22px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-xhero.carne-hub-recuadro--resumen > .carne-hub-recuadro__head,
html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-insights-preview.carne-hub-recuadro--alertas > .carne-hub-recuadro__head {
  min-height: 52px !important;
  padding: 10px 14px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%) !important;
  border-bottom: 1px solid var(--mv-line-strong, #64748b) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-xhero .carne-hub-recuadro__head-brand,
html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-insights-preview .carne-hub-recuadro__head-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-xhero .carne-hdr-ico,
html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-insights-preview .carne-hdr-ico {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.18)) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-xhero .dash-inicio-recuadro__tit,
html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-insights-preview .dash-inicio-recuadro__tit {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-xhero .serio-v1-title-box--header-bloque::before,
html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-insights-preview .serio-v1-title-box--header-bloque::before {
  background: color-mix(in srgb, var(--mv-accent, #1e293b) 42%, transparent) !important;
  width: 2px !important;
  border-radius: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-resumen-body,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insights-preview__body {
  background: linear-gradient(180deg, #e8edf4 0%, #dbe3ee 100%) !important;
  padding: 14px !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi-grid {
  gap: 10px !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi {
  position: relative !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 102px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  border: 1px solid var(--gris-300, #cbd5e1) !important;
  background: var(--gris-0, #ffffff) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 4px 12px rgba(15, 23, 42, 0.1) !important;
  cursor: pointer !important;
  font: inherit !important;
  text-align: center !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi:hover,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi:focus-visible {
  border-color: var(--gris-400, #94a3b8) !important;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.08),
    0 8px 16px rgba(15, 23, 42, 0.12) !important;
  outline: none !important;
}

/* Raya vertical recta leve (sin franja curva superior) */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 2px !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, var(--mv-accent, #1e293b) 40%, transparent) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi::after {
  content: none !important;
  display: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi__lbl {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 10px 9px 12px !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  color: var(--texto-suave, #64748b) !important;
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
  border: none !important;
  border-bottom: 1px solid var(--gris-300, #cbd5e1) !important;
  border-radius: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi__lbl::after {
  content: none !important;
  display: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi__val {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-height: 58px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 12px 10px 14px !important;
  text-align: center !important;
  font-size: clamp(20px, 4.8vw, 26px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  font-variant-numeric: tabular-nums !important;
  color: var(--texto-fuerte, #0f172a) !important;
  background: var(--gris-0, #ffffff) !important;
  border: none !important;
  box-shadow: none !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
  hyphens: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-resumen-nivel {
  flex-shrink: 0 !important;
  padding: 5px 11px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: #78350f !important;
  background: linear-gradient(180deg, #fef3c7 0%, #fde68a 100%) !important;
  border: 1px solid #f59e0b !important;
  border-radius: 999px !important;
  box-shadow: 0 1px 2px rgba(146, 64, 14, 0.18) !important;
}

/* ══ Insights — filas con chip + acento vertical recto ══ */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insights-preview__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  counter-reset: none !important;
  list-style: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview {
  position: relative !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  border: 1px solid var(--gris-300, #cbd5e1) !important;
  border-radius: 12px !important;
  background: var(--gris-0, #ffffff) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 4px 12px rgba(15, 23, 42, 0.1) !important;
  cursor: pointer !important;
  counter-increment: none !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif !important;
  overflow: hidden !important;
}

/* Acento vertical recto (leve) — no franja curva superior */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 2px !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, #64748b 45%, transparent) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview::after {
  content: none !important;
  display: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--alta,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--media,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--info {
  background: var(--gris-0, #ffffff) !important;
  border-color: var(--gris-300, #cbd5e1) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--alta::before {
  background: color-mix(in srgb, #b91c1c 55%, transparent) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--media::before {
  background: color-mix(in srgb, #b45309 50%, transparent) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview__tipo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  margin: 0 !important;
  padding: 14px 8px 14px 10px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  text-align: center !important;
  color: var(--texto-base, #334155) !important;
  background: var(--gris-100, #f1f5f9) !important;
  border: none !important;
  border-right: 1px solid var(--gris-300, #cbd5e1) !important;
  border-radius: 0 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview__tipo::after {
  content: none !important;
  display: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--alta .carne-hub-insight-preview__tipo {
  color: #991b1b !important;
  background: #fee2e2 !important;
  border-right-color: #fecaca !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--media .carne-hub-insight-preview__tipo {
  color: #92400e !important;
  background: #fef3c7 !important;
  border-right-color: #fde68a !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--info .carne-hub-insight-preview__tipo {
  color: #334155 !important;
  background: var(--gris-100, #f1f5f9) !important;
  border-right-color: var(--gris-300, #cbd5e1) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview__txt {
  display: block !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 14px 14px 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--texto-fuerte, #0f172a) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview__txt::after {
  content: none !important;
  display: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview__cta,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview__go {
  display: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview:hover,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview:focus-visible {
  transform: none !important;
  border-color: var(--gris-400, #94a3b8) !important;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.08),
    0 8px 16px rgba(15, 23, 42, 0.12) !important;
  outline: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--alta:hover,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--alta:focus-visible,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--media:hover,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview--media:focus-visible {
  border-color: var(--gris-400, #94a3b8) !important;
}

/* ══ Launchpad módulos — grid tiles ══ */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-modulo-sub {
  margin: 0 0 var(--mv-gap-inner) !important;
  padding: 8px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--texto-suave, #64748b) !important;
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid var(--mv-line) !important;
  border-radius: 8px !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-grid-inner {
  gap: var(--mv-gap-inner) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile {
  position: relative !important;
  min-height: 100px !important;
  padding: 12px 8px 10px !important;
  gap: 6px !important;
  align-items: flex-start !important;
  background: var(--gris-0, #ffffff) !important;
  border: 1px solid var(--gris-300, #cbd5e1) !important;
  border-top: 1px solid var(--gris-300, #cbd5e1) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.07) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile::before,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile::after {
  content: none !important;
  display: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile:hover {
  border-color: var(--gris-400, #94a3b8) !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.1) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile__ico {
  width: 54px !important;
  height: 54px !important;
  padding: 4px !important;
  border-radius: 12px !important;
  background: var(--gris-50, #f8fafc) !important;
  border: 1px solid var(--gris-200, #e2e8f0) !important;
  box-shadow: none !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile__ico img {
  width: 40px !important;
  height: 40px !important;
}

/* Tarjeta Servicio — un poco más grande que el resto del hub */
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile[data-carne-fn-arg="servicio"] .carne-hub-pg-tile__ico {
  width: 60px !important;
  height: 60px !important;
}
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile[data-carne-fn-arg="servicio"] .carne-hub-pg-tile__ico img {
  width: 48px !important;
  height: 48px !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile__tit {
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile__desc {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--texto-suave, #64748b) !important;
}

html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile__cta {
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--mv-tile-accent) !important;
}

@media (max-width: 360px) {
  html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi {
    min-height: 86px !important;
  }

  html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-kpi__val {
    font-size: clamp(18px, 4.4vw, 22px) !important;
    padding: 10px 8px 12px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-xhero .carne-hdr-ico,
  html body #pg-carne.carne-serio-v1.mejora-visual #carne-hub-insights-preview .carne-hdr-ico {
    width: 30px !important;
    height: 30px !important;
  }

  html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-insight-preview__tipo {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-accion-card__ico,
  html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-tile__ico {
    width: 48px !important;
    height: 48px !important;
  }
}

/* Spacer HTML legacy: apagado (el clear lo hace .manto-pg-nav-clear-spacer = nav+9px) */
html body #pg-carne.carne-serio-v1 .carne-hub-nav-spacer,
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-nav-spacer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
html body #pg-carne.carne-serio-v1.mejora-visual .carne-hub-pg-grid > .carne-hub-modulo:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}