/* Fade-in para KPIs */
#stats-slider-content>* {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 800ms ease, transform 800ms ease;
}

#stats-slider-content.ng-in>* {
  opacity: 1;
  transform: none;
}

#stats-slider-content>*:nth-child(2) {
  transition-delay: 150ms;
}

#stats-slider-content>*:nth-child(3) {
  transition-delay: 300ms;
}

.cu-stack-section {
  padding-top: 17vh !important;
}

.cu-stack-title {
  top: calc(var(--hh, 0px) + clamp(65px, 7vh, 100px)) !important;
}

/* CTA inferior en 2 columnas (mismo lenguaje que los paneles naranja/oscuro del sitio) */
.ng-cta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-top: clamp(20px, 2vh, 32px);
  overflow: hidden;
}
.ng-cta-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 0;
  padding-top: clamp(28px, 4vh, 48px);
  padding-bottom: clamp(28px, 4vh, 48px);
  padding: clamp(32px, 4vw, 72px);
  background: transparent;
  border-right: 1px solid #d0d0d0;
}
.ng-cta-card::before {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  background: #EC690D;
  margin-bottom: 22px;
}
.ng-cta-card--dark { background: transparent; border-right: none; }
.ng-cta-card--dark::before { background: #EC690D; }
.ng-cta-title {
  margin: 0 0 clamp(22px, 2.5vw, 34px);
  font-family: 'Cocogoose', 'Poppins', sans-serif;
  font-weight: 700;
  font-size: clamp(22px, 2.3vw, 40px);
  line-height: 1.05;
  color: #272022;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  max-width: 14em;
}
.ng-cta-title span { color: #EC690D !important; }
.ng-cta-card--dark .ng-cta-title { color: #272022; }
.ng-cta-card--dark .ng-cta-title span { color: #EC690D !important; }
.ng-cta-card .d-btn { transition: transform .25s ease, opacity .25s ease; }
.ng-cta-card .d-btn:hover { transform: translateY(-2px); opacity: .92; }
@media (max-width: 779px) {
  .ng-cta-grid { grid-template-columns: 1fr; }
  .ng-cta-card { min-height: 0; padding: 20px 24px; }
}

/* CTA: foto de nuestra gente fundida con el color del panel */
.ng-cta-card { overflow: hidden; isolation: isolate; }
.ng-cta-card > * { position: relative; z-index: 2; }
.ng-cta-card::after {
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 58%;
  background: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 55%);
          mask-image: linear-gradient(to right, transparent 0%, #000 55%);
  z-index: 1;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}
.ng-cta-card--dark::after { opacity: .85; }
.ng-cta-card:hover::after { transform: scale(1.05); }
.ng-cta-card::before { position: relative; z-index: 2; }
.ng-cta-card .ng-cta-title { max-width: none; }
@media (max-width: 779px) {
  .ng-cta-card::after { width: 100%; opacity: .25; -webkit-mask-image: none; mask-image: none; }
}
@media (min-width: 780px) {
  .ng-cta-card::after { width: 46%; }
  .ng-cta-card .ng-cta-title { max-width: none; font-size: clamp(20px, 1.9vw, 34px); }
}

/* Fotos del CTA como <img> editables desde el admin (reemplazan al ::after) */
.ng-cta-card::after { content: none !important; }
.ng-cta-card > .ng-cta-photo {
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 46%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 55%);
          mask-image: linear-gradient(to right, transparent 0%, #000 55%);
  z-index: 1;
  transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}
.ng-cta-card--dark > .ng-cta-photo { opacity: .85; }
.ng-cta-card:hover > .ng-cta-photo { transform: scale(1.05); }
@media (max-width: 779px) {
  .ng-cta-card > .ng-cta-photo { width: 100%; opacity: .25; -webkit-mask-image: none; mask-image: none; }
}

/* Oculto por ahora: bloque "Tu talento también suma / Tu talento nos interesa" (y su línea divisoria superior) */
.ng-cta-grid,
.hi-sep:has(+ .ng-cta-grid) {
  display: none !important;
}

/* Oculto por ahora: sección "Historias que inspiran" completa (el contenido sigue en la página) */
.hi-section {
  display: none !important;
}