@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap");
/*
Theme Name: ENVIR Ejecutores Ambientales
Theme URI: https://envir.com.mx/
Author: ENVIR / ChatGPT
Description: Tema corporativo premium para ENVIR Ejecutores Ambientales.
Version: 18.0.0
Requires at least: 6.0
Tested up to: 6.6
Text Domain: envir
*/
:root{
  --green:#0b5a35;--green2:#197545;--dark:#10251f;--dark2:#071a15;--leaf:#eaf4ee;--soft:#f6faf7;--gold:#c58b3d;--text:#182b25;--muted:#60716b;--line:rgba(16,37,31,.12);--white:#fff;--shadow:0 22px 70px rgba(16,37,31,.14);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fbfdfb;line-height:1.58;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}.section{padding:98px 0}.kicker{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--line);background:rgba(255,255,255,.74);backdrop-filter:blur(12px);border-radius:999px;padding:.42rem .78rem;color:var(--green);font-weight:850;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.kicker:before{content:"";width:8px;height:8px;border-radius:99px;background:var(--gold)}h1,h2,h3{margin:0;color:var(--dark);line-height:1.03;font-family:"Montserrat",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:700}h1{font-size:clamp(3.2rem,7vw,7.6rem);letter-spacing:-.075em}h2{font-size:clamp(2.05rem,4.4vw,4.65rem);letter-spacing:-.05em}h3{font-size:1.26rem;letter-spacing:-.02em}.lead{font-size:clamp(1.05rem,1.55vw,1.28rem);color:#3f514b;max-width:760px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:1rem 1.28rem;font-weight:900;border:1px solid transparent;transition:.22s ease}.btn.primary{background:var(--green);color:white;box-shadow:0 15px 34px rgba(11,90,53,.23)}.btn.primary:hover{transform:translateY(-2px);background:#08472b}.btn.light{background:#fff;color:var(--green);border-color:rgba(11,90,53,.16)}.btn.light:hover{background:var(--leaf)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:transform .34s cubic-bezier(.2,.8,.2,1),background .2s}.site-header.is-hidden{transform:translateY(-120%)}.nav-shell{margin-top:16px;border:1px solid rgba(16,37,31,.1);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 8px 35px rgba(16,37,31,.09);border-radius:999px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px;padding-left:10px;min-width:190px}.brand img{height:56px;width:auto;max-width:210px;object-fit:contain}.brand span{font-size:.79rem;line-height:1.05;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.main-nav{display:flex;gap:4px;align-items:center}.main-nav a{padding:.75rem .96rem;border-radius:999px;color:#31423c;font-weight:780;font-size:.94rem}.main-nav a:hover{background:var(--leaf);color:var(--green)}.main-nav .nav-cta{background:var(--green);color:#fff!important}.menu-toggle{display:none;border:0;background:var(--green);color:#fff;border-radius:999px;padding:.7rem .88rem;font-weight:900;cursor:pointer}
.hero{min-height:100vh;padding:144px 0 70px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(103deg,#fff 0%,#fbf8f1 47%,#edf7ef 100%)}.hero:before{content:"";position:absolute;inset:0;background:url('assets/images/hero-colibri.jpg') left center/contain no-repeat;opacity:.95}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.86) 43%,rgba(245,250,247,.92) 100%)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:center}.hero-copy{grid-column:2}.hero-logo{width:min(360px,58vw);margin-bottom:28px}.hero-copy p{margin:24px 0 0}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;max-width:720px}.trust{border:1px solid var(--line);background:rgba(255,255,255,.82);border-radius:20px;padding:17px}.trust b{display:block;font-size:1.35rem;color:var(--green);line-height:1}.trust span{display:block;font-size:.82rem;color:#4a5a55;font-weight:760;margin-top:6px}.intro-strip{position:relative;z-index:3;margin-top:-44px}.intro-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;padding:26px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.intro-item{padding:18px 18px;border-radius:22px;background:var(--soft)}.intro-item strong{color:var(--green)}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:42px;box-shadow:0 16px 46px rgba(16,37,31,.08)}.visual-card{min-height:540px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative;background:#ddd}.visual-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,21,.0),rgba(7,26,21,.48))}.caption{position:absolute;left:24px;right:24px;bottom:24px;color:#fff;z-index:2}.caption h3{color:#fff}.mission{background:linear-gradient(180deg,#f8fbf8,#eef7f1)}.mission-list{display:grid;gap:12px;margin:26px 0 0;padding:0}.mission-list li{list-style:none;position:relative;background:#fff;border:1px solid var(--line);border-radius:19px;padding:17px 18px 17px 58px;color:#40524c}.mission-list li:before{counter-increment:item;content:counter(item);counter-reset:none;position:absolute;left:18px;top:16px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:.82rem;font-weight:900}.mission-list{counter-reset:item}.services{background:linear-gradient(135deg,#071a15 0%,#0b5a35 62%,#173d2f 100%);color:#fff;position:relative;overflow:hidden}.services:before{content:"";position:absolute;inset:auto -10% -35% auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(197,139,61,.20),transparent 68%);opacity:.75}.services:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%);pointer-events:none}.services .container{position:relative;z-index:2}.services h2,.services h3{color:#fff}.services .lead{color:rgba(255,255,255,.77)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.service-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:25px;min-height:218px;transition:.22s ease;backdrop-filter:blur(8px)}.service-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.13)}.num{width:52px;height:52px;border-radius:17px;background:rgba(197,139,61,.18);color:#ffd18f;display:grid;place-items:center;font-weight:950;margin-bottom:20px}.service-card p{color:rgba(255,255,255,.76)}.portfolio-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.portfolio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.portfolio-grid-four{grid-template-columns:1.15fr .7fr .7fr}.feature,.tile{position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:#ddd}.feature{min-height:540px}.tile{min-height:258px}.stack{display:grid;gap:22px}.feature img,.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,21,.04),rgba(7,26,21,.72));display:flex;align-items:end;padding:28px;color:#fff}.overlay h3{color:#fff;font-size:1.5rem}.tag{display:inline-flex;border-radius:999px;background:var(--gold);padding:.38rem .72rem;font-weight:900;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.cases{background:#f0f7f3}.case-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.case{background:#fff;border:1px solid var(--line);border-radius:25px;padding:0;overflow:hidden;box-shadow:0 12px 35px rgba(16,37,31,.07)}.case img{height:190px;width:100%;object-fit:cover}.case-body{padding:23px}.cta{background:linear-gradient(135deg,var(--green),#0a382c);color:#fff}.cta h2{color:#fff}.cta .lead{color:rgba(255,255,255,.82)}.cta-grid{display:grid;grid-template-columns:1fr .84fr;gap:42px;align-items:center}.contact-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:32px}.contact-line{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16)}.contact-line:last-child{border-bottom:0}.site-footer{background:var(--dark2);color:rgba(255,255,255,.72);padding:36px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-inner img{height:42px;filter:brightness(1.25)}
@media(max-width:980px){.menu-toggle{display:inline-flex}.brand{min-width:auto}.brand img{height:48px;max-width:170px}.main-nav{position:absolute;top:78px;left:22px;right:22px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a{padding:1rem}.hero:before{opacity:.28;background-size:cover}.hero:after{background:rgba(255,255,255,.82)}.hero-inner,.split,.portfolio-grid,.portfolio-grid-four,.cta-grid,.biomanta-grid{grid-template-columns:1fr}.hero-copy{grid-column:auto}.intro-card,.trust-row,.service-grid,.case-row{grid-template-columns:1fr 1fr}.visual-card{min-height:460px}.portfolio-header{display:block}.footer-inner{display:block}.footer-inner p{margin-top:14px}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section{padding:72px 0}.hero{padding-top:124px}.hero-logo{width:250px}.brand span{display:none}.brand img{height:42px;max-width:145px}.nav-shell{border-radius:28px}.intro-card,.trust-row,.service-grid,.case-row{grid-template-columns:1fr}.panel{padding:28px}.feature{min-height:410px}.tile{min-height:230px}.contact-line{grid-template-columns:1fr}.hero h1{font-size:3.35rem}}

.biomanta{background:#fbfdfb}.biomanta-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:42px;align-items:center}.biomanta-copy{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:42px;box-shadow:0 16px 46px rgba(16,37,31,.08)}.video-card{position:relative;min-height:520px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#071a15}.biomanta-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,21,.02),rgba(7,26,21,.24));pointer-events:none}.biomanta .btn.primary{background:var(--green);color:#fff}
@media(max-width:980px){.video-card{min-height:420px}}
@media(max-width:640px){.video-card{min-height:310px}.biomanta-copy{padding:28px}}

/* ENVIR v5: video hero */
.hero-video-section{
  min-height:100svh;
  padding:150px 0 76px;
  background:#071a15;
  isolation:isolate;
}
.hero-video-section:before,
.hero-video-section:after{display:none!important;}
.hero-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  filter:saturate(1.02) contrast(1.02);
}
.hero-video-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 78% 30%, rgba(197,139,61,.18), transparent 34%),
    linear-gradient(90deg, rgba(7,26,21,.90) 0%, rgba(7,26,21,.72) 44%, rgba(7,26,21,.30) 100%),
    linear-gradient(180deg, rgba(7,26,21,.32), rgba(7,26,21,.54));
}
.hero-video-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0, 780px) 1fr;
  align-items:end;
  min-height:calc(100svh - 226px);
}
.hero-video-copy{grid-column:1;max-width:780px;}
.hero-video-copy h1,
.hero-video-copy h2,
.hero-video-copy h3{color:#fff;}
.hero-video-copy .lead{color:rgba(255,255,255,.84);}
.hero-video-copy .hero-logo{
  width:min(360px,66vw);
  background:rgba(255,255,255,.92);
  border-radius:24px;
  padding:14px 18px;
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.hero-video-copy .kicker{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);color:#fff;}
.hero-video-copy .btn.primary{background:#fff;color:var(--green);}
.hero-video-copy .btn.primary:hover{background:#eaf4ee;color:var(--green);}
.hero-video-copy .btn.light{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);color:#fff;}
.hero-video-copy .btn.light:hover{background:rgba(255,255,255,.18);}
.hero-video-copy .trust{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.20);backdrop-filter:blur(14px);}
.hero-video-copy .trust b{color:#fff;}
.hero-video-copy .trust span{color:rgba(255,255,255,.72);}
@media(max-width:980px){
  .hero-video-section{padding-top:126px;}
  .hero-video-inner{grid-template-columns:1fr;min-height:calc(100svh - 186px);}
  .hero-video-copy{grid-column:auto;}
  .hero-video-overlay{background:linear-gradient(180deg, rgba(7,26,21,.78), rgba(7,26,21,.70));}
}
@media(max-width:640px){
  .hero-video-section{min-height:92svh;padding-top:118px;}
  .hero-video-copy .hero-logo{width:250px;border-radius:20px;padding:12px 15px;}
  .hero-video-inner{min-height:auto;}
}


/* ENVIR v6: bloque corporativo de planeta en reforestación */
.regeneration{
  position:relative;
  overflow:clip;
  background:
    radial-gradient(circle at 14% 18%, rgba(197,139,61,.10), transparent 26%),
    linear-gradient(180deg,#f8fbf8 0%,#eef7f1 100%);
}
.regeneration:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(16,37,31,.045) 1px, transparent 1px),linear-gradient(90deg,rgba(16,37,31,.045) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 78%,transparent);
  pointer-events:none;
}
.regen-header{position:relative;z-index:2;max-width:920px;text-align:center;margin-bottom:38px}.regen-header .lead{margin-left:auto;margin-right:auto}.regen-scroll{--regen-progress:0;position:relative;z-index:2;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:58px;align-items:start}.planet-stage{position:sticky;top:112px;min-height:650px;display:grid;place-items:center}.planet-card{width:min(100%,520px);min-height:570px;border:1px solid rgba(16,37,31,.12);border-radius:34px;background:rgba(255,255,255,.76);box-shadow:0 24px 80px rgba(16,37,31,.13);backdrop-filter:blur(18px);display:grid;align-content:center;justify-items:center;padding:34px;position:relative;overflow:hidden}.planet-card:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 50% 50%, rgba(11,90,53,.13), transparent 48%);transform:scale(calc(.76 + (var(--regen-progress) * .34)));opacity:calc(.38 + (var(--regen-progress) * .48));transition:opacity .1s linear;pointer-events:none}.planet-orbit{position:relative;width:min(78vw,390px);aspect-ratio:1;display:grid;place-items:center}.regen-planet{position:relative;width:74%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:inset -38px -42px 70px rgba(7,26,21,.28), inset 24px 22px 42px rgba(255,255,255,.20), 0 30px 70px rgba(7,26,21,.22);transform:rotate(calc(-10deg + (var(--regen-progress) * 26deg))) scale(calc(.96 + (var(--regen-progress) * .04)));transition:transform .08s linear}.planet-layer{position:absolute;inset:0;border-radius:50%}.planet-water{background:radial-gradient(circle at 35% 22%,#a7d7d0 0 6%,transparent 7%),linear-gradient(135deg,#6c8e89 0%,#789f9b 36%,#5d807a 100%);filter:saturate(calc(.65 + (var(--regen-progress) * .55))) brightness(calc(.83 + (var(--regen-progress) * .14)))}.planet-dry{background:radial-gradient(ellipse at 31% 38%,#8d7349 0 16%,transparent 17%),radial-gradient(ellipse at 64% 33%,#a58a58 0 21%,transparent 22%),radial-gradient(ellipse at 50% 68%,#7f6f50 0 25%,transparent 26%),radial-gradient(ellipse at 30% 75%,#a38151 0 11%,transparent 12%);opacity:calc(.98 - (var(--regen-progress) * .78));filter:saturate(.72)}.planet-green-one{background:radial-gradient(ellipse at 31% 38%,#2f7b45 0 15%,transparent 16%),radial-gradient(ellipse at 64% 33%,#3f985a 0 20%,transparent 21%),radial-gradient(ellipse at 50% 68%,#2f7745 0 23%,transparent 24%);opacity:calc(.08 + (var(--regen-progress) * .80));transform:scale(calc(.86 + (var(--regen-progress) * .16)))}.planet-green-two{background:radial-gradient(ellipse at 72% 58%,#75b95b 0 9%,transparent 10%),radial-gradient(ellipse at 24% 60%,#5fb15a 0 12%,transparent 13%),radial-gradient(ellipse at 48% 24%,#77c969 0 7%,transparent 8%),radial-gradient(ellipse at 43% 81%,#6abd62 0 8%,transparent 9%);opacity:calc(var(--regen-progress) * .92);transform:scale(calc(.70 + (var(--regen-progress) * .34)))}.planet-atmosphere{box-shadow:inset 0 0 0 3px rgba(255,255,255,.18), inset -20px -14px 40px rgba(7,26,21,.18);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 30%)}.planet-glow{position:absolute;inset:-8%;border-radius:50%;box-shadow:0 0 calc(12px + (var(--regen-progress) * 46px)) rgba(63,152,90,.42);opacity:calc(.18 + (var(--regen-progress) * .58));pointer-events:none}.tree-ring{position:absolute;inset:0;border-radius:50%;opacity:calc(var(--regen-progress) * 1);transform:scale(calc(.70 + (var(--regen-progress) * .33)));transition:opacity .1s linear}.tree-ring i{position:absolute;width:10px;height:21px;border-radius:8px 8px 2px 2px;background:linear-gradient(#72c263,#1d7141);box-shadow:0 14px 0 -7px #7a5636;transform-origin:50% 150%}.tree-ring-one i:nth-child(1){left:32%;top:25%;transform:rotate(-15deg)}.tree-ring-one i:nth-child(2){left:61%;top:32%;transform:rotate(20deg)}.tree-ring-one i:nth-child(3){left:45%;top:61%;transform:rotate(-8deg)}.tree-ring-one i:nth-child(4){left:25%;top:66%;transform:rotate(12deg)}.tree-ring-one i:nth-child(5){left:70%;top:64%;transform:rotate(-18deg)}.tree-ring-two{opacity:calc((var(--regen-progress) - .34) * 1.9)}.tree-ring-two i:nth-child(1){left:39%;top:18%;transform:rotate(15deg)}.tree-ring-two i:nth-child(2){left:72%;top:44%;transform:rotate(-10deg)}.tree-ring-two i:nth-child(3){left:56%;top:74%;transform:rotate(16deg)}.tree-ring-two i:nth-child(4){left:18%;top:48%;transform:rotate(-20deg)}.tree-ring-two i:nth-child(5){left:38%;top:78%;transform:rotate(6deg)}.orbit-line{position:absolute;inset:5%;border:1px solid rgba(11,90,53,.18);border-radius:50%;transform:rotate(22deg) scaleX(1.18);opacity:calc(.42 + (var(--regen-progress) * .18))}.orbit-two{inset:14%;transform:rotate(-18deg) scaleX(1.25);border-color:rgba(197,139,61,.20)}.planet-shadow{position:absolute;width:58%;height:9%;bottom:8%;border-radius:50%;background:rgba(7,26,21,.16);filter:blur(12px);transform:scale(calc(.85 + (var(--regen-progress) * .16)))}.regen-meter{position:relative;width:100%;height:9px;background:#e5eee8;border-radius:999px;margin-top:26px;overflow:hidden}.regen-meter span{display:block;height:100%;width:calc(var(--regen-progress) * 100%);border-radius:999px;background:linear-gradient(90deg,#c58b3d,#197545 54%,#82bf63)}.regen-caption{position:relative;text-align:center;margin:18px 0 0;color:var(--muted)}.regen-caption strong{color:var(--green)}.regen-steps{display:grid;gap:20px;padding:120px 0}.regen-step{min-height:210px;border:1px solid rgba(16,37,31,.12);background:rgba(255,255,255,.70);border-radius:28px;padding:30px;box-shadow:0 12px 38px rgba(16,37,31,.07);opacity:.54;transform:translateX(0);transition:opacity .28s ease, transform .28s ease, background .28s ease, border-color .28s ease}.regen-step.is-active{opacity:1;transform:translateX(-8px);background:#fff;border-color:rgba(11,90,53,.32)}.regen-step span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:rgba(11,90,53,.10);color:var(--green);font-weight:950;margin-bottom:18px}.regen-step.is-active span{background:var(--green);color:#fff}.regen-step h3{margin-bottom:10px}.regen-step p{color:var(--muted);margin:0;max-width:620px}@media(max-width:980px){.regen-scroll{grid-template-columns:1fr}.planet-stage{position:relative;top:auto;min-height:auto}.planet-card{min-height:520px}.regen-steps{padding:0}.regen-step.is-active{transform:none}}@media(max-width:640px){.regen-header{text-align:left}.planet-card{min-height:430px;padding:22px;border-radius:28px}.planet-orbit{width:min(82vw,330px)}.regen-step{min-height:0;padding:24px}.regen-scroll{gap:28px}}
@media(prefers-reduced-motion:reduce){.regen-scroll{--regen-progress:.86}.regen-step{opacity:1;transform:none}.regen-planet,.planet-layer,.tree-ring{transition:none}}


/* ENVIR v7 ajustes visuales */
.brand span{display:none}
.feature-split{position:relative}
.feature-split-grid{position:absolute;inset:0;display:grid;grid-template-columns:1.08fr .92fr;gap:0}.feature-split-grid img{position:relative!important;width:100%;height:100%;object-fit:cover}.feature-split-grid img:last-child{border-left:2px solid rgba(255,255,255,.12)}
@media(max-width:640px){.feature-split-grid{grid-template-columns:1fr}.feature-split-grid img:last-child{border-left:0;border-top:2px solid rgba(255,255,255,.12)}}
.regen-header .lead{max-width:880px}
.planet-card{background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(245,250,247,.86));border-color:rgba(16,37,31,.10)}
.planet-card:after{content:"";position:absolute;inset:18px;border-radius:28px;border:1px solid rgba(11,90,53,.08);pointer-events:none}
.regen-planet{width:76%;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.24),transparent 30%),radial-gradient(circle at 68% 72%,rgba(5,36,28,.18),transparent 42%)}
.planet-water{background:radial-gradient(circle at 28% 24%,rgba(201,245,255,.72),transparent 10%),radial-gradient(circle at 58% 74%,rgba(95,180,190,.22),transparent 18%),linear-gradient(145deg,#245b77 0%,#3d8ea7 38%,#276d86 100%);filter:saturate(calc(.82 + (var(--regen-progress) * .26))) brightness(calc(.78 + (var(--regen-progress) * .22)))}
.planet-land-base{background:radial-gradient(ellipse at 26% 38%,#8f6f47 0 11%,transparent 12%),radial-gradient(ellipse at 42% 32%,#977954 0 10%,transparent 11%),radial-gradient(ellipse at 61% 41%,#8b6a42 0 14%,transparent 15%),radial-gradient(ellipse at 56% 63%,#97724b 0 13%,transparent 14%),radial-gradient(ellipse at 35% 67%,#876944 0 16%,transparent 17%),radial-gradient(ellipse at 75% 58%,#9f7c51 0 10%,transparent 11%);opacity:calc(.95 - (var(--regen-progress) * .58));filter:saturate(.88)}
.planet-land-growth{background:radial-gradient(ellipse at 26% 38%,#2e7f4b 0 12%,transparent 13%),radial-gradient(ellipse at 42% 32%,#4d9f5c 0 11%,transparent 12%),radial-gradient(ellipse at 61% 41%,#2b7b46 0 15%,transparent 16%),radial-gradient(ellipse at 56% 63%,#388d52 0 14%,transparent 15%),radial-gradient(ellipse at 35% 67%,#2d7b48 0 17%,transparent 18%),radial-gradient(ellipse at 75% 58%,#63b965 0 10%,transparent 11%);opacity:calc(.20 + (var(--regen-progress) * .78));transform:scale(calc(.88 + (var(--regen-progress) * .14)))}
.planet-land-highlight{background:radial-gradient(ellipse at 28% 38%,rgba(134,220,105,.9) 0 5%,transparent 6%),radial-gradient(ellipse at 64% 40%,rgba(125,215,95,.88) 0 7%,transparent 8%),radial-gradient(ellipse at 53% 63%,rgba(129,220,98,.92) 0 6%,transparent 7%),radial-gradient(ellipse at 38% 69%,rgba(159,232,121,.9) 0 7%,transparent 8%),radial-gradient(ellipse at 75% 58%,rgba(163,236,128,.95) 0 5%,transparent 6%);opacity:calc(var(--regen-progress) * .92)}
.planet-clouds{background:radial-gradient(ellipse at 33% 28%,rgba(255,255,255,.42) 0 8%,transparent 9%),radial-gradient(ellipse at 58% 30%,rgba(255,255,255,.33) 0 8%,transparent 9%),radial-gradient(ellipse at 48% 76%,rgba(255,255,255,.28) 0 9%,transparent 10%);mix-blend-mode:screen;opacity:.7}
.planet-grid{background:repeating-linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.08) 10.5% 11%),repeating-linear-gradient(0deg,transparent 0 10%,rgba(255,255,255,.06) 10.5% 11%);opacity:.22;mask-image:radial-gradient(circle at 50% 50%, black 64%, transparent 66%)}
.planet-atmosphere{box-shadow:inset 0 0 0 3px rgba(255,255,255,.15), inset -22px -22px 40px rgba(7,26,21,.22), inset 18px 18px 32px rgba(255,255,255,.16);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.36),transparent 28%),radial-gradient(circle at 75% 78%,rgba(64,185,147,.12),transparent 24%)}
.tree-ring i{width:11px;height:18px;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#87d16f,#2a7a46);box-shadow:0 12px 0 -7px #7a5636}
.regen-caption span{display:inline-block;max-width:330px}


/* ENVIR v9 refinamiento hero y planeta */
.hero-video-copy h1{font-size:clamp(2.75rem,5.4vw,5.8rem);line-height:1.02;max-width:11ch}
@media(max-width:980px){.hero-video-copy h1{font-size:clamp(2.45rem,8vw,4.5rem);max-width:12ch}}
@media(max-width:640px){.hero-video-copy h1{font-size:clamp(2.1rem,11vw,3.2rem)}}

/* Planeta más realista / 3D */
.planet-card{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(242,248,244,.88));box-shadow:0 28px 90px rgba(16,37,31,.14)}
.planet-orbit{filter:drop-shadow(0 24px 36px rgba(7,26,21,.14))}
.regen-planet{width:78%;transform:rotate(calc(-9deg + (var(--regen-progress) * 20deg))) scale(calc(.97 + (var(--regen-progress) * .035)));box-shadow:inset -56px -48px 80px rgba(5,16,25,.36), inset 22px 20px 34px rgba(255,255,255,.18), inset 8px 8px 12px rgba(255,255,255,.12), 0 26px 70px rgba(7,26,21,.26);background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.34),transparent 18%),radial-gradient(circle at 70% 70%,rgba(5,16,25,.24),transparent 40%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.12),transparent 72%)}
.regen-planet:before{content:"";position:absolute;inset:-2%;border-radius:50%;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.45),transparent 20%),radial-gradient(circle at 70% 72%,rgba(13,33,39,.18),transparent 38%);mix-blend-mode:screen;opacity:.85;pointer-events:none}
.regen-planet:after{content:"";position:absolute;inset:-7%;border-radius:50%;box-shadow:0 0 0 2px rgba(126,210,255,.10),0 0 0 14px rgba(118,214,255,.05),0 0 60px rgba(89,197,255,.10);pointer-events:none}
.planet-water{background:
  radial-gradient(circle at 34% 26%,rgba(216,250,255,.95) 0 4%,transparent 8%),
  radial-gradient(circle at 58% 32%,rgba(170,232,247,.30) 0 12%,transparent 18%),
  radial-gradient(circle at 64% 74%,rgba(86,183,209,.22) 0 14%,transparent 20%),
  linear-gradient(150deg,#123c56 0%,#1f6e8c 34%,#2388a7 58%,#205f80 100%);
  filter:saturate(calc(.9 + (var(--regen-progress) * .18))) brightness(calc(.78 + (var(--regen-progress) * .18)));
}
.planet-land-base{background:
  radial-gradient(ellipse at 24% 35%,#84613d 0 9%,transparent 12%),
  radial-gradient(ellipse at 34% 46%,#8f6b43 0 10%,transparent 13%),
  radial-gradient(ellipse at 61% 36%,#8a653f 0 13%,transparent 16%),
  radial-gradient(ellipse at 54% 61%,#8a6a44 0 12%,transparent 15%),
  radial-gradient(ellipse at 36% 68%,#7b5e3b 0 15%,transparent 18%),
  radial-gradient(ellipse at 70% 57%,#98744a 0 9%,transparent 12%),
  radial-gradient(ellipse at 22% 55%,#7e603d 0 7%,transparent 9%);
  opacity:calc(.92 - (var(--regen-progress) * .50));
  filter:saturate(.92);
}
.planet-land-growth{background:
  radial-gradient(ellipse at 24% 35%,#2f824b 0 10%,transparent 13%),
  radial-gradient(ellipse at 34% 46%,#3c9a59 0 11%,transparent 14%),
  radial-gradient(ellipse at 61% 36%,#2c7f48 0 14%,transparent 17%),
  radial-gradient(ellipse at 54% 61%,#338a50 0 13%,transparent 16%),
  radial-gradient(ellipse at 36% 68%,#297744 0 16%,transparent 19%),
  radial-gradient(ellipse at 70% 57%,#67b864 0 9%,transparent 12%),
  radial-gradient(ellipse at 22% 55%,#3c9155 0 7%,transparent 9%);
  opacity:calc(.25 + (var(--regen-progress) * .68));
  filter:saturate(calc(.92 + (var(--regen-progress) * .28)));
}
.planet-land-highlight{background:
  radial-gradient(ellipse at 25% 36%,rgba(168,235,120,.88) 0 4%,transparent 7%),
  radial-gradient(ellipse at 62% 36%,rgba(149,224,115,.92) 0 5%,transparent 8%),
  radial-gradient(ellipse at 54% 62%,rgba(146,224,114,.88) 0 5%,transparent 8%),
  radial-gradient(ellipse at 38% 68%,rgba(182,241,134,.86) 0 6%,transparent 9%),
  radial-gradient(ellipse at 71% 57%,rgba(177,243,135,.92) 0 4%,transparent 7%);
  opacity:calc(var(--regen-progress) * .88);
  filter:blur(0.2px);
}
.planet-clouds{background:
  radial-gradient(ellipse at 31% 24%,rgba(255,255,255,.70) 0 7%,transparent 11%),
  radial-gradient(ellipse at 44% 28%,rgba(255,255,255,.42) 0 5%,transparent 9%),
  radial-gradient(ellipse at 62% 26%,rgba(255,255,255,.60) 0 8%,transparent 12%),
  radial-gradient(ellipse at 52% 76%,rgba(255,255,255,.38) 0 9%,transparent 13%),
  radial-gradient(ellipse at 70% 66%,rgba(255,255,255,.28) 0 6%,transparent 10%);
  mix-blend-mode:screen;opacity:.9;filter:blur(1px);
}
.planet-grid{opacity:.14;transform:rotate(-14deg) scale(1.02)}
.planet-atmosphere{background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.40),transparent 22%),radial-gradient(circle at 76% 78%,rgba(74,182,233,.12),transparent 24%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.20), inset -28px -28px 44px rgba(5,16,25,.24), inset 24px 20px 36px rgba(255,255,255,.12)}
.planet-glow{inset:-10%;box-shadow:0 0 calc(16px + (var(--regen-progress) * 40px)) rgba(78,185,121,.38), 0 0 80px rgba(70,177,205,.08);opacity:calc(.24 + (var(--regen-progress) * .42))}
.planet-shadow{width:62%;height:10%;bottom:6%;background:radial-gradient(circle,rgba(7,26,21,.26),rgba(7,26,21,0) 70%);filter:blur(14px)}
.orbit-line{border-color:rgba(24,104,75,.16)}
.orbit-two{border-color:rgba(94,165,197,.18)}
.tree-ring i{width:10px;height:17px;box-shadow:0 11px 0 -7px #735535;opacity:calc(.65 + (var(--regen-progress) * .35))}


/* ENVIR v10: árbol de recuperación y 11 proyectos */
.regen-caption{margin:20px 0 0;text-align:center}.regen-caption strong{display:block;color:var(--green);font-family:"Montserrat",Inter,sans-serif;font-size:clamp(1.15rem,2vw,1.5rem)}
.regen-caption span{display:none}
.tree-card{min-height:580px;display:grid;align-content:center;justify-items:center;gap:0}
.tree-scene{position:relative;width:min(84vw,400px);aspect-ratio:1;display:grid;place-items:center}
.tree-ring-outer{position:absolute;inset:10%;border-radius:50%;border:2px solid rgba(11,90,53,.08);box-shadow:0 0 0 28px rgba(255,255,255,.30)}
.tree-shadow{position:absolute;bottom:13%;left:50%;translate:-50% 0;width:56%;height:11%;border-radius:50%;background:radial-gradient(circle,rgba(16,37,31,.24),rgba(16,37,31,0) 70%);filter:blur(14px)}
.tree-core{position:relative;width:74%;aspect-ratio:1;display:grid;place-items:center}
.tree-rotate{position:relative;width:100%;height:100%;transform:rotate(calc(-14deg + (var(--regen-progress) * 28deg)));transition:transform .08s linear}
.tree-ground{position:absolute;left:50%;bottom:12%;translate:-50% 0;width:32%;height:8%;border-radius:50%;background:radial-gradient(circle,#7dbf63 0%,#2f7a45 75%,rgba(47,122,69,0) 76%);opacity:calc(.24 + (var(--regen-progress) * .76));filter:blur(.2px)}
.tree-trunk,.tree-branch{position:absolute;background:linear-gradient(180deg,#7b5736,#5f3d24 58%,#6d4928);transform-origin:50% 100%;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 10px 20px rgba(16,37,31,.10)}
.tree-trunk{left:50%;bottom:18%;translate:-50% 0;width:9%;height:40%;border-radius:22px;transform:scaleY(calc(.45 + (var(--regen-progress) * .55)))}
.tree-branch{height:22%;width:4.2%;opacity:calc(.18 + (var(--regen-progress) * .82))}
.branch-center{left:50%;bottom:42%;translate:-50% 0;transform:rotate(2deg) scaleY(calc(.35 + (var(--regen-progress) * .65)))}
.branch-left{left:45%;bottom:39%;transform:rotate(-40deg) scaleY(calc(.22 + (var(--regen-progress) * .78)))}
.branch-right{left:54%;bottom:39%;transform:rotate(36deg) scaleY(calc(.22 + (var(--regen-progress) * .78)))}
.branch-upper-left{left:48%;bottom:51%;transform:rotate(-56deg) scaleY(calc(.18 + (var(--regen-progress) * .82)))}
.branch-upper-right{left:52%;bottom:51%;transform:rotate(54deg) scaleY(calc(.18 + (var(--regen-progress) * .82)))}
.tree-canopy,.tree-leaf{position:absolute;border-radius:50%;transform-origin:50% 50%;transition:transform .08s linear, opacity .08s linear}
.tree-canopy{background:radial-gradient(circle at 32% 28%,rgba(175,233,126,.95),rgba(92,184,92,.92) 45%,#2e7f47 100%);box-shadow:inset 0 -10px 22px rgba(35,110,55,.34), inset 8px 8px 12px rgba(255,255,255,.14), 0 12px 20px rgba(16,37,31,.10);opacity:calc(.08 + (var(--regen-progress) * .92));filter:saturate(calc(.68 + (var(--regen-progress) * .35)))}
.canopy-1{width:26%;height:26%;left:22%;top:28%;transform:scale(calc(.16 + (var(--regen-progress) * .84)))}
.canopy-2{width:24%;height:24%;left:38%;top:18%;transform:scale(calc(.12 + (var(--regen-progress) * .88)))}
.canopy-3{width:27%;height:27%;left:51%;top:26%;transform:scale(calc(.18 + (var(--regen-progress) * .82)))}
.canopy-4{width:25%;height:25%;left:18%;top:44%;transform:scale(calc(.15 + (var(--regen-progress) * .85)))}
.canopy-5{width:29%;height:29%;left:34%;top:34%;transform:scale(calc(.18 + (var(--regen-progress) * .82)))}
.canopy-6{width:24%;height:24%;left:55%;top:46%;transform:scale(calc(.14 + (var(--regen-progress) * .86)))}
.canopy-7{width:25%;height:25%;left:30%;top:54%;transform:scale(calc(.14 + (var(--regen-progress) * .86)))}
.canopy-8{width:20%;height:20%;left:48%;top:58%;transform:scale(calc(.10 + (var(--regen-progress) * .90)))}
.tree-leaf{width:4.5%;height:8%;background:linear-gradient(180deg,#9ce36d,#4b9a48);clip-path:ellipse(50% 45% at 50% 50%);opacity:calc(max(0, (var(--regen-progress) - .26) * 1.35));box-shadow:0 0 10px rgba(122,196,93,.28)}
.leaf-1{left:34%;top:22%;transform:rotate(-24deg) scale(calc(max(.1, (var(--regen-progress) - .24) * 1.3)))}
.leaf-2{left:47%;top:18%;transform:rotate(18deg) scale(calc(max(.1, (var(--regen-progress) - .28) * 1.2)))}
.leaf-3{left:61%;top:28%;transform:rotate(26deg) scale(calc(max(.1, (var(--regen-progress) - .30) * 1.2)))}
.leaf-4{left:27%;top:46%;transform:rotate(-14deg) scale(calc(max(.1, (var(--regen-progress) - .34) * 1.2)))}
.leaf-5{left:64%;top:48%;transform:rotate(-2deg) scale(calc(max(.1, (var(--regen-progress) - .38) * 1.2)))}
.leaf-6{left:39%;top:64%;transform:rotate(14deg) scale(calc(max(.1, (var(--regen-progress) - .42) * 1.2)))}
.leaf-7{left:57%;top:62%;transform:rotate(-22deg) scale(calc(max(.1, (var(--regen-progress) - .46) * 1.2)))}
.leaf-8{left:22%;top:34%;transform:rotate(-40deg) scale(calc(max(.1, (var(--regen-progress) - .50) * 1.2)))}
.leaf-9{left:72%;top:40%;transform:rotate(32deg) scale(calc(max(.1, (var(--regen-progress) - .54) * 1.2)))}
.leaf-10{left:49%;top:72%;transform:rotate(8deg) scale(calc(max(.1, (var(--regen-progress) - .58) * 1.2)))}
.tree-stage .regen-meter{margin-top:18px}
.projects{background:linear-gradient(180deg,#f7fbf8 0%,#eef6f1 100%)}
.projects-grid-eleven{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.project-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(16,37,31,.06);min-height:240px;display:flex;flex-direction:column;gap:14px;transition:transform .22s ease, box-shadow .22s ease}
.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,37,31,.10)}
.project-tag{display:inline-flex;align-self:flex-start;border-radius:999px;background:rgba(11,90,53,.09);color:var(--green);padding:.45rem .75rem;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.project-card h3{font-size:1.28rem;line-height:1.1}
.project-card p{margin:0;color:var(--muted)}
@media(max-width:980px){.projects-grid-eleven{grid-template-columns:1fr 1fr}.tree-card{min-height:500px}.tree-scene{width:min(80vw,330px)}}
@media(max-width:640px){.projects-grid-eleven{grid-template-columns:1fr}.tree-card{min-height:420px}.tree-scene{width:min(82vw,290px)}.project-card{min-height:0}}


/* ENVIR v11: árbol visual mejorado + proyectos con imagen */
.projects-header-single{display:block;margin-bottom:24px}.projects-header-single p{display:none}.projects-header-single h2{max-width:12ch}
.projects .portfolio-header{grid-template-columns:1fr}
.projects-grid-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:12px}
.project-visual{padding:0;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 16px 36px rgba(16,37,31,.08);border:1px solid var(--line)}
.project-visual .project-media{position:relative;aspect-ratio:1.32;overflow:hidden;background:#d9dfdd}
.project-visual .project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease, filter .45s ease;filter:saturate(1.02) contrast(1.02)}
.project-visual:hover .project-media img{transform:scale(1.045);filter:saturate(1.08) contrast(1.05)}
.project-visual .project-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px}
.project-visual h3{font-size:1.22rem;line-height:1.1}
.project-visual p{margin:0;color:var(--muted);font-size:.98rem}
.project-visual .project-tag{display:inline-flex;align-self:flex-start;border-radius:999px;background:rgba(11,90,53,.09);color:var(--green);padding:.45rem .75rem;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}

.tree-card{min-height:580px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(244,248,245,.92));box-shadow:0 24px 72px rgba(16,37,31,.12)}
.tree-assembly{position:relative;width:min(84vw,420px);aspect-ratio:1;display:grid;place-items:center;margin:0 auto 18px}
.tree-orbit{position:absolute;border:2px solid rgba(11,90,53,.08);border-radius:50%}
.tree-orbit-one{inset:11%}.tree-orbit-two{inset:24%;opacity:.55}
.tree-shadow{position:absolute;left:50%;bottom:14%;translate:-50% 0;width:44%;height:11%;background:radial-gradient(circle,rgba(16,37,31,.24),rgba(16,37,31,0) 70%);filter:blur(16px)}
.tree-rotator{position:relative;width:64%;height:64%;transform:rotate(calc(-12deg + (var(--regen-progress) * 24deg))) scale(calc(.86 + (var(--regen-progress) * .16)));transition:transform .08s linear;filter:drop-shadow(0 14px 20px rgba(16,37,31,.10))}
.tree-piece{position:absolute;inset:0;background-image:url('assets/images/tree-illustration.webp');background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;will-change:transform,opacity;transition:transform .08s linear,opacity .08s linear;transform-origin:50% 65%}
.tree-piece-trunk{clip-path:polygon(34% 42%,66% 42%,64% 100%,36% 100%);opacity:clamp(0, (var(--regen-progress) - .02) * 4, 1);transform:translateY(calc(80px * (1 - var(--regen-progress)))) scale(calc(.40 + (var(--regen-progress) * .60)))}
.tree-piece-left{clip-path:polygon(0 10%,50% 10%,52% 68%,0 68%);opacity:clamp(0, (var(--regen-progress) - .18) * 2.5, 1);transform:translateX(calc(-54px * (1 - var(--regen-progress)))) translateY(calc(24px * (1 - var(--regen-progress)))) rotate(calc(-18deg * (1 - var(--regen-progress)))) scale(calc(.55 + (var(--regen-progress) * .45)))}
.tree-piece-center{clip-path:polygon(26% 0,74% 0,74% 70%,26% 70%);opacity:clamp(0, (var(--regen-progress) - .28) * 2.6, 1);transform:translateY(calc(-48px * (1 - var(--regen-progress)))) scale(calc(.45 + (var(--regen-progress) * .55)))}
.tree-piece-right{clip-path:polygon(50% 10%,100% 10%,100% 72%,48% 72%);opacity:clamp(0, (var(--regen-progress) - .40) * 2.5, 1);transform:translateX(calc(56px * (1 - var(--regen-progress)))) translateY(calc(18px * (1 - var(--regen-progress)))) rotate(calc(16deg * (1 - var(--regen-progress)))) scale(calc(.55 + (var(--regen-progress) * .45)))}
.tree-piece-crown{clip-path:polygon(10% 0,90% 0,90% 52%,10% 52%);opacity:clamp(0, (var(--regen-progress) - .54) * 3.0, 1);transform:translateY(calc(-26px * (1 - var(--regen-progress)))) scale(calc(.58 + (var(--regen-progress) * .42)))}
.tree-piece-full{opacity:clamp(0, (var(--regen-progress) - .66) * 4, .95);transform:scale(calc(.92 + (var(--regen-progress) * .08)));filter:saturate(calc(.72 + (var(--regen-progress) * .42))) brightness(calc(.90 + (var(--regen-progress) * .12)))}
.tree-card .regen-meter{margin-top:8px}.regen-caption strong{font-size:clamp(1.05rem,2vw,1.34rem)}

@media(max-width:980px){.projects-grid-visual{grid-template-columns:1fr 1fr}.tree-card{min-height:520px}.tree-assembly{width:min(80vw,340px)}}
@media(max-width:640px){.projects-grid-visual{grid-template-columns:1fr}.projects-header-single h2{max-width:14ch}.tree-card{min-height:430px}.tree-assembly{width:min(78vw,280px)}}


/* ENVIR v12: planeta 3D estilo real + proyectos compactos */
.projects-header-single{display:block;margin-bottom:18px}.projects-header-single h2{max-width:12ch}
.projects .portfolio-header{grid-template-columns:1fr}
.compact-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:6px}
.project-visual.compact{border-radius:24px}.project-visual.compact .project-media{aspect-ratio:1.18;background:#dce3e0}
.project-visual.compact .project-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.04) contrast(1.02)}
.project-visual.compact .project-body{padding:18px 18px 20px;gap:10px}.project-visual.compact h3{font-size:1.08rem;line-height:1.12}.project-visual.compact p{font-size:.92rem;line-height:1.52}
.project-visual.compact .project-tag{font-size:.72rem;padding:.4rem .68rem}

.globe-card{min-height:590px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(243,248,245,.93));box-shadow:0 24px 72px rgba(16,37,31,.12)}
.planet-assembly{position:relative;width:min(84vw,430px);aspect-ratio:1;display:grid;place-items:center;margin:0 auto 18px}
.planet-orbit{position:absolute;border:2px solid rgba(11,90,53,.08);border-radius:50%}.orbit-one{inset:6%}.orbit-two{inset:22%;opacity:.6}
.planet-shadow{position:absolute;left:50%;bottom:12%;translate:-50% 0;width:46%;height:11%;border-radius:50%;background:radial-gradient(circle,rgba(14,38,32,.24),rgba(14,38,32,0) 72%);filter:blur(18px)}
.planet-spin-wrap{position:relative;width:66%;aspect-ratio:1;display:grid;place-items:center;animation:envPlanetSpin 22s linear infinite}
.planet-globe{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;transform:scale(calc(.92 + (var(--regen-progress) * .06)));box-shadow:inset -54px -44px 80px rgba(6,18,28,.34), inset 18px 18px 24px rgba(255,255,255,.18), 0 24px 56px rgba(9,27,20,.22)}
.planet-water{position:absolute;inset:0;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.26),transparent 14%),radial-gradient(circle at 24% 30%,rgba(136,239,255,.24),transparent 22%),radial-gradient(circle at 65% 78%,rgba(0,58,86,.28),transparent 38%),linear-gradient(160deg,#0e3b60 0%,#0e6ea5 36%,#19a0d9 62%,#0d4d78 100%);filter:saturate(calc(.88 + (var(--regen-progress) * .18)))}
.planet-land{position:absolute;border-radius:50% 44% 48% 52% / 46% 48% 56% 54%;transform-origin:center center}
.planet-land.base{background:linear-gradient(180deg,#88704a,#6a5537);opacity:calc(.92 - (var(--regen-progress) * .48));filter:saturate(.88) brightness(.98)}
.planet-land.green{background:linear-gradient(180deg,#9de85f 0%,#52b154 35%,#2c8a43 100%);opacity:calc(.18 + (var(--regen-progress) * .80));box-shadow:inset 0 -10px 18px rgba(35,102,43,.24), inset 6px 6px 10px rgba(255,255,255,.14);filter:saturate(calc(.95 + (var(--regen-progress) * .20)))}
.north-america{width:38%;height:33%;left:18%;top:18%;clip-path:polygon(12% 6%,34% 0,55% 8%,71% 22%,83% 20%,92% 34%,86% 52%,68% 58%,62% 72%,52% 85%,38% 84%,34% 67%,24% 60%,18% 46%,4% 40%,0 24%)}
.mexico{width:15%;height:12%;left:40%;top:43%;clip-path:polygon(0 24%,26% 0,52% 10%,70% 42%,94% 62%,80% 94%,48% 76%,24% 74%,12% 52%);border-radius:18% 48% 60% 40%/30% 50% 50% 40%}
.central-america{width:13%;height:8%;left:49%;top:50%;clip-path:polygon(0 12%,28% 0,56% 20%,100% 30%,76% 68%,42% 54%,16% 54%);border-radius:40%}
.caribbean{width:7%;height:5%;left:55%;top:45%;clip-path:polygon(0 40%,24% 14%,46% 34%,80% 0,100% 34%,70% 62%,30% 64%)}
.south-america{width:22%;height:30%;left:41%;top:50%;clip-path:polygon(24% 0,56% 6%,72% 16%,84% 34%,72% 52%,68% 72%,50% 100%,32% 90%,22% 74%,18% 58%,4% 40%,0 26%,12% 12%)}
.planet-clouds{position:absolute;inset:0;background:radial-gradient(ellipse at 35% 22%,rgba(255,255,255,.76) 0 8%,transparent 12%),radial-gradient(ellipse at 22% 34%,rgba(255,255,255,.36) 0 6%,transparent 10%),radial-gradient(ellipse at 65% 28%,rgba(255,255,255,.58) 0 8%,transparent 12%),radial-gradient(ellipse at 64% 68%,rgba(255,255,255,.34) 0 9%,transparent 14%),radial-gradient(ellipse at 42% 80%,rgba(255,255,255,.22) 0 8%,transparent 12%);mix-blend-mode:screen;opacity:.9;filter:blur(1px)}
.planet-atmosphere{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.22), inset 18px 18px 24px rgba(255,255,255,.12), inset -30px -22px 46px rgba(8,22,28,.18)}
.planet-glow{position:absolute;inset:-9%;border-radius:50%;box-shadow:0 0 0 1px rgba(76,193,255,.08),0 0 34px rgba(76,193,255,.12),0 0 calc(18px + (var(--regen-progress) * 34px)) rgba(84,193,109,.26);opacity:calc(.26 + (var(--regen-progress) * .38))}
@keyframes envPlanetSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.regen-caption strong{font-size:clamp(1.05rem,2vw,1.34rem)}
.globe-stage .regen-meter{margin-top:10px}

@media(max-width:1180px){.compact-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.compact-grid{grid-template-columns:repeat(2,1fr)}.globe-card{min-height:520px}.planet-assembly{width:min(80vw,340px)}}
@media(max-width:640px){.compact-grid{grid-template-columns:1fr}.projects-header-single h2{max-width:14ch}.globe-card{min-height:430px}.planet-assembly{width:min(80vw,280px)}.project-visual.compact .project-media{aspect-ratio:1.28}}


/* ENVIR v13: logo centrado, planeta real y recorte de proyectos */
.hero-video-copy .hero-logo{width:min(300px,52vw)!important;margin:0 auto 24px!important;border-radius:22px!important;padding:12px 16px!important}
.hero-video-copy .kicker{margin-inline:auto}
@media(max-width:640px){.hero-video-copy .hero-logo{width:min(240px,64vw)!important}}

.projects-grid-visual.compact-grid{gap:16px}
.project-visual.compact{border-radius:22px}
.project-visual.compact .project-media{aspect-ratio:1.08;background:#dbe2df}
.project-visual.compact .project-media img{object-position:center 58%;filter:saturate(1.05) contrast(1.03)}
.project-visual.compact .project-body{padding:16px 16px 18px}
.project-visual.compact h3{font-size:1.02rem}
.project-visual.compact p{font-size:.88rem;line-height:1.48}

.globe-card-real{min-height:600px}
.planet-assembly-real{position:relative;width:min(84vw,430px);aspect-ratio:1;display:grid;place-items:center;margin:0 auto 16px}
.planet-assembly-real .planet-orbit{position:absolute;border-radius:50%;border:2px solid rgba(11,90,53,.08)}
.planet-assembly-real .orbit-one{inset:6%}.planet-assembly-real .orbit-two{inset:20%;opacity:.62}
.planet-assembly-real .planet-shadow{position:absolute;left:50%;bottom:10%;translate:-50% 0;width:48%;height:11%;border-radius:50%;background:radial-gradient(circle,rgba(12,31,26,.28),rgba(12,31,26,0) 72%);filter:blur(17px)}
.planet-real-wrap{position:relative;width:66%;aspect-ratio:1;display:grid;place-items:center;animation:envPlanetSpinReal 20s linear infinite}
.planet-real{position:relative;width:100%;height:100%;display:grid;place-items:center;filter:drop-shadow(0 18px 36px rgba(16,37,31,.16))}
.planet-layer,.planet-shine-layer{position:absolute;inset:0;background:url('assets/images/planet-globe-real.png') center/contain no-repeat;transform:scale(calc(.90 + (var(--regen-progress) * .08)))}
.planet-base-layer{filter:saturate(.34) sepia(.42) hue-rotate(-8deg) brightness(.92) contrast(1.03);opacity:calc(1 - (var(--regen-progress) * .36))}
.planet-growth-layer{filter:saturate(1.18) brightness(1.03) contrast(1.04);opacity:calc(.16 + (var(--regen-progress) * .84));
  clip-path:circle(calc(18% + (var(--regen-progress) * 54%)) at 28% 44%)}
.planet-shine-layer{background:
    radial-gradient(circle at 28% 30%, rgba(255,255,255,.52) 0 8%, transparent 16%),
    radial-gradient(circle at 72% 72%, rgba(6,22,28,.14) 0 16%, transparent 28%),
    radial-gradient(circle at 50% 50%, rgba(90,208,122,.16) 0 calc(20% + (var(--regen-progress) * 26%)), transparent calc(24% + (var(--regen-progress) * 30%)));
  mix-blend-mode:screen;opacity:calc(.42 + (var(--regen-progress) * .30));transform:none}
.planet-real:after{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:inset -42px -34px 64px rgba(6,16,22,.26), inset 18px 18px 22px rgba(255,255,255,.18), 0 0 0 1px rgba(255,255,255,.06)}
.globe-stage .regen-meter{margin-top:10px}
.regen-caption strong{font-size:clamp(1.05rem,2vw,1.28rem)}
@keyframes envPlanetSpinReal{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:980px){.globe-card-real{min-height:520px}.planet-assembly-real{width:min(80vw,340px)}.projects-grid-visual.compact-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.projects-grid-visual.compact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.globe-card-real{min-height:430px}.planet-assembly-real{width:min(80vw,280px)}.projects-grid-visual.compact-grid{grid-template-columns:1fr}.project-visual.compact .project-media{aspect-ratio:1.18}}


/* ENVIR v14: logo alineado con texto y planeta isométrico fluido */
.hero-video-copy .hero-logo{width:min(300px,54vw)!important;margin:0 0 24px!important;border-radius:22px!important;padding:12px 16px!important}
.hero-video-copy .kicker{margin-inline:0!important}
.hero-video-copy{text-align:left}
@media(max-width:640px){.hero-video-copy .hero-logo{width:min(240px,68vw)!important}}

.globe-card-iso{min-height:610px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(242,248,244,.92));box-shadow:0 26px 82px rgba(16,37,31,.12)}
.planet-assembly-iso{position:relative;width:min(84vw,430px);aspect-ratio:1;display:grid;place-items:center;margin:0 auto 16px}
.planet-assembly-iso .planet-orbit{position:absolute;border-radius:50%;border:2px solid rgba(11,90,53,.08)}
.planet-assembly-iso .orbit-one{inset:6%}.planet-assembly-iso .orbit-two{inset:22%;opacity:.6}
.planet-assembly-iso .planet-shadow{position:absolute;left:50%;bottom:10%;translate:-50% 0;width:50%;height:11%;border-radius:50%;background:radial-gradient(circle,rgba(9,26,21,.26),rgba(9,26,21,0) 72%);filter:blur(18px)}
.planet-iso-wrap{position:relative;width:70%;aspect-ratio:1;display:grid;place-items:center;animation:envPlanetFloat 5.2s ease-in-out infinite alternate}
.planet-iso{position:relative;width:100%;height:100%;animation:envPlanetSpinIso 24s linear infinite;transform-origin:50% 50%}
.planet-iso-layer{position:absolute;inset:0;background:url('assets/images/planet-isometric.png') center/contain no-repeat}
.planet-iso-base{filter:saturate(.24) sepia(.34) hue-rotate(-6deg) brightness(.95) contrast(1.02);opacity:calc(1 - (var(--regen-progress) * .30));transform:scale(.98)}
.planet-iso-growth{filter:saturate(1.22) brightness(1.02) contrast(1.03);opacity:calc(.18 + (var(--regen-progress) * .84));clip-path:circle(calc(20% + (var(--regen-progress) * 58%)) at 42% 44%)}
.planet-iso-shine{background:radial-gradient(circle at 28% 26%,rgba(255,255,255,.40) 0 8%,transparent 15%),radial-gradient(circle at 74% 74%,rgba(6,22,28,.12) 0 16%,transparent 28%),radial-gradient(circle at 46% 50%,rgba(104,215,112,.22) 0 calc(18% + (var(--regen-progress) * 22%)),transparent calc(22% + (var(--regen-progress) * 26%)));mix-blend-mode:screen;opacity:calc(.36 + (var(--regen-progress) * .28));pointer-events:none}
.planet-tree{position:absolute;width:14px;height:26px;opacity:0;transform:translate(-50%,-50%) scale(.2);animation:envTreeSway 2.8s ease-in-out infinite alternate}
.planet-tree::before{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:3px;height:10px;border-radius:3px;background:linear-gradient(180deg,#7d5938,#5c3d24)}
.planet-tree::after{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:14px;height:16px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 30%,#b6f07b 0 28%,#57ba58 48%,#2f7f45 100%);box-shadow:-6px 6px 0 -2px rgba(71,159,84,.95), 6px 5px 0 -3px rgba(71,159,84,.92)}
.planet-tree-1{left:56%;top:18%;opacity:calc(max(0, (var(--regen-progress) - .18) * 3));transform:translate(-50%,-50%) scale(calc(max(.2, (var(--regen-progress) - .18) * 1.7)))}
.planet-tree-2{left:69%;top:29%;opacity:calc(max(0, (var(--regen-progress) - .26) * 3));transform:translate(-50%,-50%) scale(calc(max(.2, (var(--regen-progress) - .26) * 1.7)))}
.planet-tree-3{left:39%;top:26%;opacity:calc(max(0, (var(--regen-progress) - .32) * 3));transform:translate(-50%,-50%) scale(calc(max(.2, (var(--regen-progress) - .32) * 1.7)))}
.planet-tree-4{left:49%;top:34%;opacity:calc(max(0, (var(--regen-progress) - .40) * 3));transform:translate(-50%,-50%) scale(calc(max(.2, (var(--regen-progress) - .40) * 1.7)))}
.planet-tree-5{left:61%;top:41%;opacity:calc(max(0, (var(--regen-progress) - .48) * 3));transform:translate(-50%,-50%) scale(calc(max(.2, (var(--regen-progress) - .48) * 1.7)))}
.planet-tree-6{left:44%;top:46%;opacity:calc(max(0, (var(--regen-progress) - .56) * 3));transform:translate(-50%,-50%) scale(calc(max(.2, (var(--regen-progress) - .56) * 1.7)))}
.planet-tree-7{left:30%;top:39%;opacity:calc(max(0, (var(--regen-progress) - .66) * 3));transform:translate(-50%,-50%) scale(calc(max(.2, (var(--regen-progress) - .66) * 1.7)))}
.planet-tree-8{left:71%;top:48%;opacity:calc(max(0, (var(--regen-progress) - .76) * 3));transform:translate(-50%,-50%) scale(calc(max(.2, (var(--regen-progress) - .76) * 1.7)))}
.globe-stage .regen-meter{margin-top:14px}
.regen-caption strong{font-size:clamp(1.05rem,2vw,1.3rem)}
@keyframes envPlanetSpinIso{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes envPlanetFloat{from{transform:translateY(-4px)}to{transform:translateY(8px)}}
@keyframes envTreeSway{from{filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}to{filter:drop-shadow(1px 3px 3px rgba(0,0,0,.14))}}
@media(max-width:980px){.globe-card-iso{min-height:530px}.planet-assembly-iso{width:min(80vw,350px)}}
@media(max-width:640px){.globe-card-iso{min-height:440px}.planet-assembly-iso{width:min(84vw,290px)}}


/* ENVIR v15: árbol 3D fluido en recuperación ambiental */
.tree-stage{position:sticky;top:112px;min-height:650px;display:grid;place-items:center}
.tree-card{min-height:590px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(243,248,245,.93));box-shadow:0 24px 72px rgba(16,37,31,.12)}
.tree-assembly{position:relative;width:min(84vw,430px);aspect-ratio:1;display:grid;place-items:center;margin:0 auto 16px}
.tree-assembly .tree-ring{position:absolute;border-radius:50%;border:2px solid rgba(11,90,53,.08)}
.tree-assembly .tree-ring-one{inset:6%}
.tree-assembly .tree-ring-two{inset:22%;opacity:.62}
.tree-shadow{position:absolute;left:50%;bottom:11%;translate:-50% 0;width:48%;height:11%;border-radius:50%;background:radial-gradient(circle,rgba(9,26,21,.22),rgba(9,26,21,0) 72%);filter:blur(18px)}
.tree-build{position:relative;width:66%;aspect-ratio:1;display:grid;place-items:center;animation:envTreeFloat 5.4s ease-in-out infinite alternate}
.tree-build::before{content:"";position:absolute;inset:-9%;border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(96,194,102,.10),transparent 52%);opacity:calc(.18 + (var(--regen-progress) * .34));transform:scale(calc(.8 + (var(--regen-progress) * .2)))}
.tree-silhouette,.tree-piece{position:absolute;inset:0;background:url('assets/images/tree-3d.png') center/contain no-repeat}
.tree-silhouette{opacity:.16;filter:grayscale(1) brightness(1.06) blur(1px);transform:scale(.96)}
.tree-piece{will-change:transform,opacity,filter;transition:none;filter:drop-shadow(0 14px 28px rgba(16,37,31,.14)) saturate(calc(.7 + (var(--regen-progress) * .34)))}
.tree-piece-trunk{clip-path:polygon(39% 47%,61% 47%,66% 100%,34% 100%);opacity:clamp(.18, calc(var(--regen-progress) * 2.0), 1);transform:translateY(calc(58px - (var(--regen-progress) * 58px))) scale(calc(.72 + (var(--regen-progress) * .28)))}
.tree-piece-left{clip-path:polygon(5% 24%,44% 11%,49% 52%,17% 61%,0 42%);opacity:clamp(0, calc((var(--regen-progress) - .10) * 2.4), 1);transform:translate(calc(-54px + (var(--regen-progress) * 54px)), calc(20px - (var(--regen-progress) * 20px))) rotate(calc(-16deg + (var(--regen-progress) * 16deg))) scale(calc(.66 + (var(--regen-progress) * .34)))}
.tree-piece-center{clip-path:polygon(27% 0,74% 5%,72% 52%,40% 54%,22% 34%);opacity:clamp(0, calc((var(--regen-progress) - .22) * 2.6), 1);transform:translateY(calc(-54px + (var(--regen-progress) * 54px))) rotate(calc(12deg - (var(--regen-progress) * 12deg))) scale(calc(.6 + (var(--regen-progress) * .4)))}
.tree-piece-right{clip-path:polygon(53% 15%,100% 20%,98% 55%,61% 58%,49% 39%);opacity:clamp(0, calc((var(--regen-progress) - .32) * 2.8), 1);transform:translate(calc(56px - (var(--regen-progress) * 56px)), calc(18px - (var(--regen-progress) * 18px))) rotate(calc(18deg - (var(--regen-progress) * 18deg))) scale(calc(.62 + (var(--regen-progress) * .38)))}
.tree-piece-top{clip-path:polygon(31% 0,66% 0,80% 19%,64% 35%,37% 27%);opacity:clamp(0, calc((var(--regen-progress) - .44) * 3.0), 1);transform:translateY(calc(-74px + (var(--regen-progress) * 74px))) rotate(calc(-10deg + (var(--regen-progress) * 10deg))) scale(calc(.58 + (var(--regen-progress) * .42)))}
.tree-piece-bottom{clip-path:polygon(24% 79%,77% 77%,82% 100%,18% 100%);opacity:clamp(0, calc((var(--regen-progress) - .58) * 3.2), 1);transform:translateY(calc(32px - (var(--regen-progress) * 32px))) scale(calc(.74 + (var(--regen-progress) * .26)))}
.tree-finish-glow{position:absolute;inset:0;background:url('assets/images/tree-3d.png') center/contain no-repeat;opacity:calc(max(0, (var(--regen-progress) - .72) * 3));mix-blend-mode:screen;filter:saturate(1.2) brightness(1.08) drop-shadow(0 0 18px rgba(108,208,97,.28))}
.globe-stage .regen-meter,.tree-stage .regen-meter{margin-top:14px}
.regen-caption strong{font-size:clamp(1.05rem,2vw,1.3rem)}
@keyframes envTreeFloat{from{transform:translateY(-4px)}to{transform:translateY(8px)}}
@media(max-width:980px){.tree-card{min-height:520px}.tree-assembly{width:min(80vw,340px)}}
@media(max-width:640px){.tree-card{min-height:430px}.tree-assembly{width:min(82vw,280px)}}


/* ENVIR v16: árbol orgánico y misión más compacta */
.mission .panel{padding:36px}
.mission-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:22px}
.mission-list li{padding:15px 16px 15px 52px;font-size:.94rem;line-height:1.42;border-radius:18px}
.mission-list li:before{left:14px;top:14px;width:26px;height:26px;font-size:.78rem}

.organic-tree-card{min-height:590px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(243,248,245,.93));box-shadow:0 24px 72px rgba(16,37,31,.12)}
.tree-organic-assembly{position:relative;width:min(84vw,430px);aspect-ratio:1;display:grid;place-items:center;margin:0 auto 16px}
.tree-organic-assembly .tree-ring{position:absolute;border-radius:50%;border:2px solid rgba(11,90,53,.08)}
.tree-organic-assembly .tree-ring-one{inset:6%}
.tree-organic-assembly .tree-ring-two{inset:22%;opacity:.62}
.tree-organic-assembly .tree-shadow{position:absolute;left:50%;bottom:11%;translate:-50% 0;width:48%;height:11%;border-radius:50%;background:radial-gradient(circle,rgba(9,26,21,.22),rgba(9,26,21,0) 72%);filter:blur(18px)}
.tree-organic{position:relative;width:68%;aspect-ratio:1;display:grid;place-items:center;animation:envTreeFloatOrganic 5.4s ease-in-out infinite alternate}
.tree-organic::before{content:"";position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle at 50% 58%,rgba(96,194,102,.12),transparent 54%);opacity:calc(.10 + (var(--regen-progress) * .34));transform:scale(calc(.82 + (var(--regen-progress) * .18)))}
.tree-silhouette-soft,.tree-trunk-grow,.tree-crown,.tree-complete{position:absolute;inset:0;background:url('assets/images/tree-3d.png') center/contain no-repeat}
.tree-silhouette-soft{opacity:.16;filter:grayscale(1) brightness(1.05) blur(1px);transform:scale(.965)}
.tree-trunk-grow{clip-path:inset(44% 31% 0 31% round 42px);opacity:clamp(.18, calc(var(--regen-progress) * 2), 1);transform:translateY(calc(58px - (var(--regen-progress) * 58px))) scale(calc(.74 + (var(--regen-progress) * .26)));filter:drop-shadow(0 14px 24px rgba(16,37,31,.12)) saturate(calc(.75 + (var(--regen-progress) * .25)))}
.tree-crown{filter:drop-shadow(0 16px 30px rgba(16,37,31,.14)) saturate(calc(.72 + (var(--regen-progress) * .34)))}
.tree-crown.core{clip-path:ellipse(22% 18% at 50% 36%);opacity:clamp(0, calc((var(--regen-progress) - .06) * 2.4), 1);transform:translateY(calc(28px - (var(--regen-progress) * 28px))) scale(calc(.56 + (var(--regen-progress) * .44)))}
.tree-crown.bloom-1{clip-path:circle(15% at 28% 44%);opacity:clamp(0, calc((var(--regen-progress) - .14) * 2.8), 1);transform:translate(calc(-28px + (var(--regen-progress) * 28px)), calc(16px - (var(--regen-progress) * 16px))) scale(calc(.48 + (var(--regen-progress) * .52)))}
.tree-crown.bloom-2{clip-path:circle(15% at 37% 30%);opacity:clamp(0, calc((var(--regen-progress) - .22) * 3.0), 1);transform:translate(calc(-16px + (var(--regen-progress) * 16px)), calc(-26px + (var(--regen-progress) * 26px))) scale(calc(.46 + (var(--regen-progress) * .54)))}
.tree-crown.bloom-3{clip-path:circle(15% at 51% 22%);opacity:clamp(0, calc((var(--regen-progress) - .30) * 3.0), 1);transform:translateY(calc(-34px + (var(--regen-progress) * 34px))) scale(calc(.44 + (var(--regen-progress) * .56)))}
.tree-crown.bloom-4{clip-path:circle(16% at 67% 29%);opacity:clamp(0, calc((var(--regen-progress) - .38) * 3.0), 1);transform:translate(calc(18px - (var(--regen-progress) * 18px)), calc(-22px + (var(--regen-progress) * 22px))) scale(calc(.46 + (var(--regen-progress) * .54)))}
.tree-crown.bloom-5{clip-path:circle(16% at 74% 43%);opacity:clamp(0, calc((var(--regen-progress) - .48) * 3.2), 1);transform:translate(calc(28px - (var(--regen-progress) * 28px)), calc(10px - (var(--regen-progress) * 10px))) scale(calc(.48 + (var(--regen-progress) * .52)))}
.tree-crown.bloom-6{clip-path:circle(15% at 62% 57%);opacity:clamp(0, calc((var(--regen-progress) - .58) * 3.2), 1);transform:translate(calc(16px - (var(--regen-progress) * 16px)), calc(18px - (var(--regen-progress) * 18px))) scale(calc(.50 + (var(--regen-progress) * .50)))}
.tree-crown.bloom-7{clip-path:circle(14% at 40% 58%);opacity:clamp(0, calc((var(--regen-progress) - .66) * 3.4), 1);transform:translate(calc(-12px + (var(--regen-progress) * 12px)), calc(20px - (var(--regen-progress) * 20px))) scale(calc(.50 + (var(--regen-progress) * .50)))}
.tree-complete{opacity:clamp(0, calc((var(--regen-progress) - .78) * 3.6), 1);transform:scale(calc(.96 + max(0, (var(--regen-progress) - .78)) * .06));filter:drop-shadow(0 18px 34px rgba(16,37,31,.16)) saturate(1.08) brightness(1.03)}
.leaf-spark{position:absolute;width:16px;height:10px;border-radius:80% 10% 80% 10%;background:linear-gradient(135deg,#c6f473,#43a952);opacity:0;box-shadow:0 4px 10px rgba(67,169,82,.14);animation:leafDrift 3s ease-in-out infinite}
.leaf-spark-1{left:18%;top:46%;opacity:clamp(0, calc((var(--regen-progress) - .22) * 2.6), .95);transform:translateY(calc(18px - (var(--regen-progress) * 18px))) rotate(-24deg) scale(calc(.4 + (var(--regen-progress) * .7)))}
.leaf-spark-2{left:29%;top:26%;opacity:clamp(0, calc((var(--regen-progress) - .36) * 2.6), .95);transform:translateY(calc(18px - (var(--regen-progress) * 18px))) rotate(-8deg) scale(calc(.4 + (var(--regen-progress) * .7)))}
.leaf-spark-3{left:48%;top:17%;opacity:clamp(0, calc((var(--regen-progress) - .46) * 2.6), .95);transform:translateY(calc(18px - (var(--regen-progress) * 18px))) rotate(16deg) scale(calc(.4 + (var(--regen-progress) * .7)))}
.leaf-spark-4{left:67%;top:22%;opacity:clamp(0, calc((var(--regen-progress) - .54) * 2.6), .95);transform:translateY(calc(18px - (var(--regen-progress) * 18px))) rotate(26deg) scale(calc(.4 + (var(--regen-progress) * .7)))}
.leaf-spark-5{left:79%;top:44%;opacity:clamp(0, calc((var(--regen-progress) - .64) * 2.6), .95);transform:translateY(calc(18px - (var(--regen-progress) * 18px))) rotate(18deg) scale(calc(.4 + (var(--regen-progress) * .7)))}
.leaf-spark-6{left:58%;top:64%;opacity:clamp(0, calc((var(--regen-progress) - .74) * 2.6), .95);transform:translateY(calc(18px - (var(--regen-progress) * 18px))) rotate(-12deg) scale(calc(.4 + (var(--regen-progress) * .7)))}
.tree-finish-aura{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(118,214,104,.24),transparent 36%);opacity:clamp(0, calc((var(--regen-progress) - .8) * 3), .7);mix-blend-mode:screen;filter:blur(14px)}
@keyframes envTreeFloatOrganic{from{transform:translateY(-5px)}to{transform:translateY(8px)}}
@keyframes leafDrift{0%{margin-top:0}100%{margin-top:-6px}}
@media(max-width:980px){.organic-tree-card{min-height:520px}.tree-organic-assembly{width:min(80vw,340px)}.mission-list{grid-template-columns:1fr}}
@media(max-width:640px){.organic-tree-card{min-height:430px}.tree-organic-assembly{width:min(82vw,280px)}.mission .panel{padding:30px}.mission-list li{font-size:.92rem}}


/* ENVIR v18: fix móvil árbol y biomanta */
@media (max-width: 980px){
  .regen-scroll{grid-template-columns:1fr !important;gap:24px !important;}
  .tree-stage,
  .planet-stage{position:relative !important; top:auto !important; min-height:auto !important; z-index:1;}
  .tree-card,
  .organic-tree-card,
  .planet-card{min-height:auto !important;}
  .regen-steps{padding-top:0 !important; gap:16px !important;}
}
@media (max-width: 640px){
  .regeneration{padding-bottom:72px;}
  .regen-header{margin-bottom:22px !important;}
  .regen-scroll{gap:18px !important; align-items:start;}
  .tree-stage,
  .planet-stage{margin-bottom:2px;}
  .tree-card,
  .organic-tree-card,
  .planet-card{padding:18px !important; border-radius:24px !important;}
  .tree-organic-assembly,
  .tree-assembly{width:min(84vw,260px) !important; margin-bottom:8px !important;}
  .tree-stage .regen-meter,
  .globe-stage .regen-meter{margin-top:10px !important;}
  .regen-caption{margin-top:12px !important;}
  .regen-steps{margin-top:0 !important;}
  .regen-step{padding:20px !important; border-radius:22px !important;}

  .biomanta-grid{gap:22px !important;}
  .video-card{
    min-height:520px !important;
    aspect-ratio:9 / 16 !important;
    max-width:380px;
    width:100%;
    margin:0 auto;
    border-radius:24px !important;
  }
  .biomanta-video{object-fit:cover; object-position:center center;}
  .biomanta-copy{padding:24px !important;}
}