/* Cargar después de site.css en el layout compartido de ERPWeb. */
:root {
  --blue: #94163d;
  --blue-d: #6f0f2e;
  --blue-m: #a01d49;
  --blue-l: #faeef2;
  --blue-b: rgb(148 22 61 / 16%);
  --blue-g: rgb(148 22 61 / 8%);
  --sky: #94163d;
  --sky-l: #faeef2;
  --sky-b: rgb(148 22 61 / 16%);
  --brand: #94163d;
  --brand-dark: #6f0f2e;
  --brand-soft: #faeef2;
}

.ertia-brand-logo {
  display: block;
  width: 96px;
  height: auto;
  object-fit: contain;
}

.site-footer .ertia-brand-logo {
  padding: 5px;
  border-radius: 7px;
  background: #fff;
}

.home-hero-light,
.sector-erp-hero,
.software-vf-hero {
  background: radial-gradient(ellipse at 90% 5%, #f6e2ea 0, transparent 55%), #fcf8fa;
}

.site-stage-glow-top {
  background: radial-gradient(ellipse at 82% 8%, rgb(148 22 61 / 11%), transparent 50%);
}

.site-stage-glow-bottom {
  background: radial-gradient(ellipse at 78% 82%, rgb(148 22 61 / 8%), transparent 44%);
}

.sector-erp-hero h1,
.software-vf-hero h1 {
  max-width: 19ch;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.08;
}

.erp-detail-shots {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 315px), 1fr));
  gap: 22px;
  align-items: start;
  margin-top: 28px;
}

.erp-detail-shot {
  overflow: hidden;
  margin: 0;
  border: 1px solid #e8dce0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 32px rgb(45 24 34 / 7%);
}

.erp-detail-shot img {
  display: block;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e8dce0;
}

.erp-detail-shot figcaption {
  padding: 18px;
  line-height: 1.55;
}

.erp-detail-shot strong { display: block; margin-bottom: 5px; }
.erp-detail-shot a:focus-visible { display: block; outline: 3px solid #94163d; outline-offset: -3px; }

@media (max-width: 768px) {
  .module-grid, .sector-grid { grid-template-columns: minmax(0, 1fr); }
  .integration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .module-grid > *, .sector-grid > *, .integration-grid > * { min-width: 0; }
  .ertia-brand-logo { width: 82px; }
}