/* Eco page inherits from page-inicio.css (both use .aiden-page-inicio class) */
/* Additional/overrides for eco page */

/* ═══ Hero eco variant — greener background ═══ */
.aiden-page-eco .hero--eco{background:#FFFFFF}
.aiden-page-eco .hero--eco > .orb,.aiden-page-eco .hero--eco .orb-1,.aiden-page-eco .hero--eco .orb-2{display:none}

/* ═══ Services grid 3-column (for benefits) ═══ */
.aiden-page-eco .svc-grid--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1024px){
  .aiden-page-eco .svc-grid--3{grid-template-columns:1fr}
}

/* ═══ STATS section ═══ */
.aiden-page-eco .eco-stats{padding:120px 0;position:relative;overflow:hidden;background:linear-gradient(170deg,var(--n25) 0%,#F2F8F3 50%,var(--n25) 100%)}
.aiden-page-eco .eco-stats .orb-1{width:700px;height:700px;top:-20%;right:-15%}
.aiden-page-eco .eco-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:2}
.aiden-page-eco .eco-stat{background:rgba(255,255,255,.7);backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:36px 28px;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.85);transition:transform .3s var(--ease)}
.aiden-page-eco .eco-stat:hover{transform:translateY(-3px)}
.aiden-page-eco .eco-stat-num{font-family:var(--fd);font-weight:800;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1;letter-spacing:-.04em;color:var(--n950);display:inline-block}
.aiden-page-eco .eco-stat-sym{font-family:var(--fd);font-weight:800;font-size:clamp(1.8rem,3.5vw,2.4rem);line-height:1;letter-spacing:-.03em;color:var(--gn500);margin-left:2px}
.aiden-page-eco .eco-stat-lbl{font-size:13.5px;font-weight:500;color:var(--n500);margin-top:14px;line-height:1.4}
@media(max-width:1024px){
  .aiden-page-eco .eco-stats-grid{grid-template-columns:repeat(2,1fr)}
  .aiden-page-eco .eco-stats{padding:80px 0}
}
@media(max-width:640px){
  .aiden-page-eco .eco-stats-grid{grid-template-columns:1fr}
}

/* ═══ Big cards: green variant ═══ */
.aiden-page-inicio .big-card--green{background:linear-gradient(160deg,var(--gn50) 0%,#DDECE0 100%)}

/* ═══ Hero H em in eco: green gradient (override home's teal) ═══ */
.aiden-page-eco .hero-h em{background:linear-gradient(110deg,#3D9650 0%,#5BAF6A 45%,#2F7A3F 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:aidenShim 6s linear infinite}
.aiden-page-eco .sec-h em{background:linear-gradient(110deg,#3D9650 0%,#5BAF6A 45%,#2F7A3F 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:aidenShim 6s linear infinite}
.aiden-page-eco .cta h2 em{background:linear-gradient(110deg,#3D9650 0%,#5BAF6A 45%,#2F7A3F 80%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:aidenShim 6s linear infinite}

/* ═══ Labels: green variant ═══ */
.aiden-page-inicio .l--g{background:var(--gn50);color:var(--gn600)}

/* ── Variantes demo: contenedores sin recorte para elementos dinámicos ── */
.aiden-page-eco .svc-media--demo{aspect-ratio:auto;background:transparent;box-shadow:none;border:none;display:flex;align-items:center;justify-content:center;padding:10px;min-height:200px}
.aiden-page-eco .big-card-ph--demo{aspect-ratio:auto;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;padding:20px;min-height:160px}


/* ═══ MODO OSCURO ═══ */
@media (prefers-color-scheme: dark) and (max-width: 1px) {
  /* Fondos blancos → superficie oscura */
  /* Eco page inherits from page-inicio.css (both use .aiden-page-inicio class) */
/* Additional/overrides for eco page */

/* ═══ Hero eco variant — greener background ═══ */
.aiden-page-eco .hero--eco{background:#161615 !important;border-color:rgba(255,255,255,.08) !important}
  /* Glass blanco → velo oscuro */
  .aiden-page-eco .eco-stat{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.1) !important}
}