/* V4 local. Sólo superficies, trama y espaciado; no cambia contenido ni lógica. */
/* La imagen NATIVA conserva su archivo y proporción natural mediante cover. */
@media (min-width: 1025px) {
  .lcdi-v3 .nativa-season-v2-inner {
    max-width: 1512px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 64px;
    padding: 30px 28px;
    min-height: 348px;
  }
  .lcdi-v3 .nativa-season-v2-visual {
    min-height: 288px;
    aspect-ratio: 2 / 1;
    align-self: center;
  }
  .lcdi-v3 .nativa-season-v2-image {
    object-fit: cover;
    object-position: 50% 58%;
  }
}
.lcdi-v3 .hero {
  position: relative;
  isolation: isolate;
}
.lcdi-v3 .hero::before {
  display: block;
  content: '';
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  transform: none;
  pointer-events: none;
  z-index: -1;
  background-image: linear-gradient(#69c5d5 1px, transparent 1px), linear-gradient(90deg, #69c5d5 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: .065;
  -webkit-mask-image: linear-gradient(115deg, transparent 28%, #000);
  mask-image: linear-gradient(115deg, transparent 28%, #000);
}
.lcdi-v3 .visual-sections { padding-top: 58px; }
.lcdi-v3 .visual-intro {
  border-left: 1px solid #568d9d;
  padding-left: 24px;
  margin-bottom: 48px;
}
.lcdi-v3 .visual-stack { gap: 72px; }
.lcdi-v3 .feature-panel[id] {
  position: relative;
  isolation: isolate;
  padding: 32px 32px 0;
  border: 0;
  background: #102c43;
  column-gap: 40px;
}
.lcdi-v3 .feature-panel::before {
  display: block;
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 600px;
  width: auto;
  z-index: -1;
  pointer-events: none;
  transform: none;
  background-image: linear-gradient(#69c5d5 1px, transparent 1px), linear-gradient(90deg, #69c5d5 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: .075;
  -webkit-mask-image: linear-gradient(125deg, transparent 32%, #000 100%);
  mask-image: linear-gradient(125deg, transparent 32%, #000 100%);
}
.lcdi-v3 .feature-panel:nth-child(even)::before {
  -webkit-mask-image: linear-gradient(235deg, transparent 32%, #000 100%);
  mask-image: linear-gradient(235deg, transparent 32%, #000 100%);
}
.lcdi-v3 .feature-panel::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  border-top: 1px solid #69c5d5;
  border-left: 1px solid #69c5d5;
  opacity: .7;
  background: none;
  pointer-events: none;
}
.lcdi-v3 .feature-copy { padding-bottom: 0; }
.lcdi-v3 .feature-copy > p { max-width: 57ch; }
.lcdi-v3 .feature-actions { border-top-color: #3e5d70; }
.lcdi-v3 .feature-panel .unit-logo-band {
  width: calc(100% + 64px);
  margin-inline: -32px;
  margin-top: 32px;
  padding-top: 16px;
  padding-bottom: 18px;
}
.lcdi-v3 #diseno-calculo-computo-destacada .feature-brands {
  border-top-color: #3e5d70;
  padding-bottom: 28px;
}
@media (max-width: 1024px) {
  .lcdi-v3 .feature-panel[id] { column-gap: 0; }
  .lcdi-v3 .feature-panel::before { height: 780px; }
  .lcdi-v3 .feature-copy { padding-top: 30px; }
}
@media (max-width: 768px) {
  .lcdi-v3 .visual-sections { padding-top: 38px; }
  .lcdi-v3 .visual-intro { padding-left: 16px; margin-bottom: 32px; }
  .lcdi-v3 .visual-stack { gap: 48px; }
  .lcdi-v3 .feature-panel[id] {
    width: calc(100% + 16px);
    margin-inline: -8px;
    padding: 20px 12px 0;
  }
  .lcdi-v3 .feature-panel::before { opacity: .055; background-size: 48px 48px; }
  .lcdi-v3 .feature-panel::after { width: 42px; height: 42px; }
  .lcdi-v3 .feature-copy { padding-top: 26px; }
  .lcdi-v3 .feature-panel .unit-logo-band {
    width: calc(100% + 24px);
    margin-inline: -12px;
    margin-top: 28px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .lcdi-v3 #diseno-calculo-computo-destacada .feature-brands { padding-bottom: 22px; }
}