/* Electric Control — editorial technology page. */
body.ec-technology-editorial {
  --technology-navy: #0f1c2e;
  --technology-green: #7dbf2a;
  --technology-graphite: #2b2f38;
  --technology-gray: #e6e8eb;
  color: var(--technology-navy);
  background: #fff;
  background-image: none;
  font-family: "Montserrat", "Open Sans", system-ui, sans-serif;
}

body.ec-technology-editorial .ec-page-hero--premium {
  min-height: max(680px, min(760px, 78svh));
  padding: clamp(145px, 16vh, 190px) 0 clamp(76px, 9vw, 124px);
  align-items: flex-end;
  background-image:
    linear-gradient(90deg, rgba(15,28,46,.96) 0%, rgba(15,28,46,.81) 46%, rgba(15,28,46,.26) 100%),
    linear-gradient(0deg, rgba(15,28,46,.4), transparent 52%),
    url('/assets/public/heroes/hero-tecnologia.jpg');
  background-position: center, center, center 48%;
  border: 0;
}
body.ec-technology-editorial .ec-page-hero--premium::before,
body.ec-technology-editorial .ec-page-hero--premium::after { display: none; }
body.ec-technology-editorial .ec-page-hero--premium .ec-container { width: min(100% - 96px, 1440px); }
body.ec-technology-editorial .ec-page-hero--premium .ec-breadcrumb { margin-bottom: 30px; }
body.ec-technology-editorial .ec-page-hero--premium .ec-heading-xl {
  max-width: 1040px;
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(3.5rem, 8vw, 7.8rem);
  line-height: .96;
  letter-spacing: -.075em;
}
body.ec-technology-editorial .ec-page-hero--premium .ec-highlight {
  background: none;
  color: var(--technology-green);
  -webkit-text-fill-color: currentColor;
}
body.ec-technology-editorial .ec-page-hero--premium .ec-subtitle {
  max-width: 660px;
  color: rgba(255,255,255,.8);
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  line-height: 1.8;
}

body.ec-technology-editorial .ec-section-alt { padding: clamp(74px, 9vw, 124px) 0; background: #f4f6f7; }
body.ec-technology-editorial .ec-tech-intro {
  display: grid;
  grid-template-columns: minmax(260px,.85fr) minmax(0,1.15fr);
  align-items: end;
  gap: 12px 56px;
  margin-bottom: 52px;
}
body.ec-technology-editorial .ec-tech-intro .ec-label { grid-column: 1; margin: 0; color: #5b941c; }
body.ec-technology-editorial .ec-tech-intro h2 {
  grid-column: 1;
  margin: 0;
  color: var(--technology-navy);
  font-size: clamp(2.15rem, 4.1vw, 4.2rem);
  line-height: 1.04;
  letter-spacing: -.065em;
}
body.ec-technology-editorial .ec-tech-intro h2 span { color: #5b941c; }
body.ec-technology-editorial .ec-tech-intro p {
  grid-column: 2;
  grid-row: 1 / span 2;
  max-width: 590px;
  margin: 0 0 3px;
  color: #68717c;
  font-size: .94rem;
  line-height: 1.85;
}

body.ec-technology-editorial #tecnologia-list {
  display: block;
  margin: 0;
  border-top: 1px solid #cfd4d9;
}
body.ec-technology-editorial .ec-tech-showcase {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(300px,.9fr);
  gap: clamp(36px, 7vw, 108px);
  align-items: center;
  min-height: 390px;
  margin: 0;
  padding: clamp(40px, 6vw, 82px) 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #cfd4d9;
  border-radius: 0;
  box-shadow: none;
}
body.ec-technology-editorial .ec-tech-showcase--reverse > div:first-child { order: 2; }
body.ec-technology-editorial .ec-tech-showcase--reverse > .ec-tech-showcase__panel { order: 1; }
body.ec-technology-editorial .ec-tech-showcase > div:first-child { padding: 0; }
body.ec-technology-editorial .ec-tech-index {
  display: block;
  margin-bottom: 24px;
  color: #5b941c;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .14em;
}
body.ec-technology-editorial .ec-tech-showcase .ec-label {
  display: block;
  margin: 0 0 14px;
  color: #68717c;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.7;
  text-transform: uppercase;
}
body.ec-technology-editorial .ec-tech-showcase h2 {
  margin: 0 0 18px;
  color: var(--technology-navy);
  font-size: clamp(1.9rem, 3.5vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -.06em;
}
body.ec-technology-editorial .ec-tech-showcase p {
  max-width: 620px;
  margin: 0 0 28px;
  color: #68717c !important;
  font-size: .88rem;
  line-height: 1.85;
}
body.ec-technology-editorial .ec-tech-showcase .ec-btn {
  min-height: 48px;
  padding: 0 21px;
  color: #fff;
  background: var(--technology-navy);
  border: 1px solid var(--technology-navy);
  border-radius: 0;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.ec-technology-editorial .ec-tech-showcase .ec-btn:hover { background: #233b58; border-color: #233b58; }
body.ec-technology-editorial .ec-tech-showcase__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 278px;
  padding: clamp(30px, 4vw, 54px);
  overflow: hidden;
  color: #fff;
  background: var(--technology-navy);
  border-radius: 0;
  box-shadow: none;
}
body.ec-technology-editorial .ec-tech-showcase__panel::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
  height: 100%;
  background: linear-gradient(135deg, transparent 48%, rgba(125,191,42,.2) 48.2%, transparent 49%),
    linear-gradient(135deg, transparent 65%, rgba(255,255,255,.07) 65.2%, transparent 66%);
  content: "";
  pointer-events: none;
}
body.ec-technology-editorial .ec-tech-showcase__panel::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: var(--technology-green);
  content: "";
}
body.ec-technology-editorial .ec-tech-showcase__badge {
  position: relative;
  z-index: 1;
  color: #a7d766;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.ec-technology-editorial .ec-tech-showcase__logo {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 100px;
  align-items: center;
  margin: 20px 0 14px;
}
body.ec-technology-editorial .ec-tech-showcase__logo img { max-width: min(100%, 220px); height: auto; object-fit: contain; }
body.ec-technology-editorial .ec-tech-showcase__logo svg { width: 76px; height: 76px; color: var(--technology-green); }
body.ec-technology-editorial .ec-tech-showcase__name {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: clamp(1.25rem,2vw,1.85rem);
  font-weight: 700;
  letter-spacing: -.04em;
}
body.ec-technology-editorial .ec-tech-showcase__tag {
  position: relative;
  z-index: 1;
  margin-top: 7px;
  color: rgba(255,255,255,.6);
  font-size: .64rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}
body.ec-technology-editorial .ec-page-cta { background: var(--technology-navy); border-radius: 0; }
body.ec-technology-editorial .ec-page-cta h2,
body.ec-technology-editorial .ec-page-cta p { color: #fff; }
body.ec-technology-editorial .ec-page-cta p { color: rgba(255,255,255,.72); }
body.ec-technology-editorial .ec-page-cta .ec-btn-outline { color: #fff; border-color: rgba(255,255,255,.42); }

@media (max-width: 900px) {
  body.ec-technology-editorial .ec-page-hero--premium .ec-container { width: min(100% - 48px,1440px); }
  body.ec-technology-editorial .ec-tech-showcase { grid-template-columns: minmax(0,1fr) minmax(250px,.85fr); gap: 28px; }
}
@media (max-width: 640px) {
  body.ec-technology-editorial .ec-page-hero--premium { min-height: max(660px,82svh); padding: 130px 0 64px; background-position: center,center,58% center; }
  body.ec-technology-editorial .ec-page-hero--premium .ec-container { width: min(100% - 40px,1440px); }
  body.ec-technology-editorial .ec-page-hero--premium .ec-heading-xl { font-size: clamp(3rem,14vw,5rem); }
  body.ec-technology-editorial .ec-tech-intro { grid-template-columns: 1fr; gap: 12px; margin-bottom: 32px; }
  body.ec-technology-editorial .ec-tech-intro p { grid-column: 1; grid-row: auto; }
  body.ec-technology-editorial .ec-tech-showcase { grid-template-columns: 1fr; gap: 28px; min-height: 0; padding: 34px 0; }
  body.ec-technology-editorial .ec-tech-showcase--reverse > div:first-child,
  body.ec-technology-editorial .ec-tech-showcase--reverse > .ec-tech-showcase__panel { order: initial; }
  body.ec-technology-editorial .ec-tech-showcase__panel { min-height: 230px; padding: 28px; }
  body.ec-technology-editorial .ec-tech-showcase__logo { min-height: 76px; margin: 16px 0 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body.ec-technology-editorial .ec-tech-showcase { scroll-behavior: auto; }
}