:root{--green:#00a651;--deep:#00573f;--ink:#10231f;--muted:#61716c;--cream:#f4f7f5;--white:#fff;--shadow:0 24px 70px rgba(5,42,31,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.beco-site{overflow:hidden}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;transition:.35s;background:linear-gradient(to bottom,rgba(0,0,0,.42),transparent)}.site-header.scrolled{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.08)}.brand img{width:220px;max-height:62px;object-fit:contain;filter:brightness(0) invert(1)}.scrolled .brand img{filter:none}.main-nav{display:flex;align-items:center;gap:22px}.main-nav>a{color:#fff;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.scrolled .main-nav>a{color:var(--ink)}.lang-switch{display:flex;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:3px}.scrolled .lang-switch{border-color:#d8e1dd}.lang-switch button{border:0;background:transparent;color:#fff;border-radius:50px;padding:7px 9px;font-weight:800;cursor:pointer}.scrolled .lang-switch button{color:var(--ink)}.lang-switch button.active{background:var(--green);color:#fff}.nav-toggle{display:none;border:0;background:transparent;color:#fff;font-size:30px}.scrolled .nav-toggle{color:var(--ink)}.hero{height:100vh;min-height:690px;position:relative;display:flex;align-items:center;color:#fff}.hero>video,.innovation>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,28,22,.84) 0%,rgba(2,28,22,.56) 50%,rgba(2,28,22,.1) 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,#000,transparent)}.hero-content{position:relative;z-index:2;width:min(850px,calc(100% - 40px));margin-left:max(5vw,calc((100vw - 1180px)/2));padding-top:70px}.kicker,.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:800;color:var(--green);display:block;margin-bottom:20px}.eyebrow.light{color:#70e7aa}.hero h1,.section h2{font-family:Poppins,sans-serif}.hero h1{font-size:clamp(46px,6.7vw,92px);line-height:.98;max-width:940px;margin:0 0 24px}.hero p{max-width:680px;font-size:20px;line-height:1.7;color:rgba(255,255,255,.84)}.actions{display:flex;gap:14px;margin-top:34px}.btn{border:0;border-radius:4px;padding:16px 24px;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.btn.primary{background:var(--green);color:#fff}.btn.glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff}.scroll-cue{position:absolute;z-index:3;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.split.reverse{grid-template-columns:1.1fr 1fr}.section h2{font-size:clamp(34px,4vw,58px);line-height:1.08;margin:0 0 25px}.copy p{font-size:18px;color:var(--muted);line-height:1.8}.feature-image{position:relative;margin:0}.feature-image img{width:100%;height:620px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow)}.feature-image figcaption{position:absolute;left:-35px;bottom:35px;background:var(--green);color:#fff;padding:22px 28px;display:flex;flex-direction:column}.feature-image figcaption strong{font:700 36px Poppins}.feature-image small{display:block;color:#667;margin-top:10px}.mini-values{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.mini-values span{background:var(--cream);padding:18px 20px;display:flex;align-items:center;gap:10px}.mini-values i{color:var(--green);font-size:23px}.numbers{background:var(--deep);color:#fff}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.16)}.number-grid article{padding:45px 28px;background:var(--deep)}.number-grid strong,.number-grid em{font:700 55px Poppins;font-style:normal}.number-grid em{font-size:28px;color:#75e6aa}.number-grid span{display:block;color:rgba(255,255,255,.7);margin-top:8px}.section-head{max-width:760px;margin-bottom:50px}.op-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.op-card{position:relative;height:480px;overflow:hidden;color:#fff}.op-card img{width:100%;height:100%;object-fit:cover;transition:.65s}.op-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(2,24,19,.9))}.op-card>div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.op-card h3{font:600 30px Poppins;margin:8px 0}.op-card p{color:rgba(255,255,255,.75);max-width:500px}.op-card:hover img{transform:scale(1.06)}.innovation{height:760px;position:relative;display:flex;align-items:center;color:#fff}.innovation-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,30,23,.88),rgba(3,30,23,.25))}.innovation-copy{position:relative;z-index:2;width:min(720px,calc(100% - 40px));margin-left:max(5vw,calc((100vw - 1180px)/2))}.innovation-copy h2{font:700 clamp(42px,5vw,70px) Poppins;margin:0 0 24px}.innovation-copy p{font-size:19px;line-height:1.8;color:rgba(255,255,255,.8)}.check-list{padding:0;list-style:none;margin-top:28px}.check-list li{padding:14px 0;border-bottom:1px solid #dfe7e3}.check-list li:before{content:"✓";color:var(--green);font-weight:900;margin-right:12px}.history{background:#0d2420;color:#fff}.history-player video,.video-card video{width:100%;display:block;border-radius:4px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border-top:1px solid rgba(255,255,255,.2)}.timeline span{padding:28px 25px;border-left:1px solid rgba(255,255,255,.2)}.timeline b,.timeline small{display:block}.timeline b{color:#6ee4a6}.timeline small{margin-top:9px;color:rgba(255,255,255,.65);line-height:1.6}.masonry{columns:3 320px;column-gap:18px}.gallery-item{border:0;padding:0;margin:0 0 18px;display:block;width:100%;background:none;cursor:zoom-in}.gallery-item img{width:100%;display:block;transition:.4s}.gallery-item:hover img{transform:scale(.985);filter:brightness(.86)}.social-impact{background:var(--cream)}.video-card{box-shadow:var(--shadow)}.careers{min-height:630px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.careers-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,57,40,.92),rgba(0,57,40,.2))}.careers-copy{position:relative;z-index:2;color:#fff;width:min(600px,calc(100% - 40px));margin-left:max(5vw,calc((100vw - 1180px)/2))}.careers h2{font:700 clamp(40px,5vw,68px) Poppins;margin:0 0 20px}.careers p{font-size:19px;line-height:1.7}.logo-track{display:flex;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.logo-set{display:flex;min-width:max-content;animation:marquee 26s linear infinite}.logo-set>div{width:230px;height:120px;display:grid;place-items:center;margin:0 12px;background:#fff;border:1px solid #edf1ef}.logo-set img{max-width:175px;max-height:70px;filter:grayscale(1);opacity:.7;transition:.3s}.logo-set div:hover img{filter:none;opacity:1}@keyframes marquee{to{transform:translateX(-100%)}}.contact{background:#062e23;color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.contact-copy h2{font:700 clamp(40px,5vw,64px) Poppins;margin:0 0 26px}.contact-copy p{color:rgba(255,255,255,.7);line-height:1.8}.contact-copy>a{display:block;color:#fff;text-decoration:none;margin:15px 0}.contact-copy i{color:#65dfa0;margin-right:10px}.socials{display:flex;gap:12px;margin-top:24px}.socials a{width:44px;height:44px;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#fff}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:8px}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);padding:15px;color:#fff}.contact-form button{justify-self:start}.contact-form label span{font-size:13px;color:rgba(255,255,255,.74)}footer{background:#031b15;color:#fff;padding:42px}.footer-inner{text-align:center}.footer-inner img{width:240px;filter:brightness(0) invert(1)}.footer-inner p,.footer-inner small{color:rgba(255,255,255,.6)}.reveal{opacity:0;transform:translateY(35px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.lightbox,.video-modal{position:fixed;z-index:2000;inset:0;background:rgba(0,0,0,.93);display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open,.video-modal.open{display:flex}.lightbox img,.video-modal video{max-width:92vw;max-height:86vh}.lightbox button,.video-modal button{position:absolute;right:25px;top:20px;background:none;border:0;color:#fff;font-size:30px}.beco-basic{padding:120px 20px}.wrap{max-width:1000px;margin:auto}@media(max-width:980px){.main-nav{position:fixed;inset:72px 0 auto 0;background:#fff;display:none;flex-direction:column;padding:30px}.main-nav.open{display:flex}.main-nav>a{color:var(--ink)}.lang-switch button{color:var(--ink)}.nav-toggle{display:block}.split,.split.reverse,.contact-grid{grid-template-columns:1fr}.feature-image img{height:500px}.number-grid{grid-template-columns:1fr 1fr}.op-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.brand img{width:180px}.site-header{height:72px}}@media(max-width:640px){.section{padding:76px 0}.container{width:min(100% - 28px,1180px)}.hero{min-height:650px}.hero-content{margin-left:20px}.hero h1{font-size:47px}.hero p{font-size:16px}.actions{flex-direction:column;align-items:flex-start}.number-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.feature-image img{height:420px}.feature-image figcaption{left:15px}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.op-card{height:420px}.innovation{height:650px}.careers{min-height:540px;background-position:45% center}.careers-copy{margin-left:20px}.section h2{font-size:38px}}

/* Ajustes corporativos BECO v1.1 */
.section h2{color:var(--ink)}
.history .section-head h2,.innovation-copy h2,.careers-copy h2,.contact-copy h2{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.history .section-head .eyebrow,.innovation-copy .eyebrow,.careers-copy .eyebrow,.contact-copy .eyebrow{color:#79efad}
.about-detail{font-size:16px!important;line-height:1.75!important;margin-top:18px}
.future .feature-image img{object-position:center}
.future .feature-image small{font-weight:700;color:var(--deep);letter-spacing:.03em}
.logo-set>div{width:270px;height:150px;padding:18px}
.logo-set img{max-width:220px;max-height:105px;filter:none;opacity:1}
.logo-set div:hover img{transform:scale(1.06)}
.video-modal .youtube-frame{width:min(1100px,92vw);aspect-ratio:16/9;background:#000;box-shadow:0 22px 70px rgba(0,0,0,.55)}
.video-modal iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:640px){.logo-set>div{width:210px;height:125px}.logo-set img{max-width:175px;max-height:88px}.about-detail{font-size:15px!important}}

/* BECO Premium v1.2 adjustments */
.hero-content-minimal{max-width:620px}.hero-content-minimal .actions{margin-top:18px}.hero-content-minimal .kicker{font-size:14px;color:#7af0ae;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.op-grid .op-card h3,.op-grid .op-card p,.op-grid .op-card span{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.58)}
.op-grid .op-card h3{font-weight:700!important}
.innovation-photo{background-size:cover;background-position:center;position:relative}.innovation-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,30,23,.92) 0%,rgba(3,30,23,.62) 45%,rgba(3,30,23,.16) 100%)}.innovation-photo .innovation-overlay{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28))}.innovation-photo .innovation-copy{position:relative;z-index:3}
.future .feature-image{padding:16px;background:linear-gradient(145deg,#ffffff,#eaf6ef);border:1px solid rgba(0,166,81,.18);border-radius:18px;box-shadow:0 28px 70px rgba(0,87,63,.18);overflow:hidden}.future .feature-image:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,rgba(255,205,60,.42),rgba(255,205,60,0) 68%);z-index:1;pointer-events:none}.future .feature-image:after{content:"SOLAR • BECO";position:absolute;right:30px;top:30px;z-index:2;background:rgba(0,87,63,.88);color:#fff;padding:10px 14px;border-radius:999px;font:700 11px Inter,sans-serif;letter-spacing:.14em}.future .feature-image img{height:560px;border-radius:11px;box-shadow:none;transition:transform .7s ease,filter .7s ease}.future .feature-image:hover img{transform:scale(1.025);filter:saturate(1.08) contrast(1.03)}.future .feature-image small{position:relative;z-index:2;padding:14px 4px 2px;font-size:13px}
.youtube-card{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#071d17}.youtube-card iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.logo-set>div{width:230px;height:135px;padding:20px}.logo-set img{width:170px!important;height:72px!important;max-width:none!important;max-height:none!important;object-fit:contain;filter:none!important;opacity:1!important}.logo-set div:hover img{transform:scale(1.04)}
.socials a{transition:.25s}.socials a:hover{background:var(--green);border-color:var(--green);transform:translateY(-2px)}
@media(max-width:640px){.hero-content-minimal{margin-left:20px}.future .feature-image img{height:390px}.future .feature-image:after{right:22px;top:22px}.logo-set>div{width:190px;height:115px}.logo-set img{width:145px!important;height:62px!important}}

/* BECO v1.3 refinements */
.op-grid .op-card h3{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.78)!important}
.op-grid .op-card p,.op-grid .op-card span{color:rgba(255,255,255,.94)!important;text-shadow:0 2px 12px rgba(0,0,0,.75)!important}
.about-feature{padding-top:76px}
.about-feature .image-values{position:absolute;z-index:4;top:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.about-feature .image-values span{min-height:58px;background:#f4f7f5;border:1px solid #e7eeea;padding:14px 12px;display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px}
.about-feature .image-values i{color:var(--green);font-size:21px}.about-feature .image-values b{white-space:nowrap}
.future .feature-image{padding:0;background:#fff;border-radius:5px}
.future .feature-image:before,.future .feature-image:after{display:none}
.future .feature-image img{height:430px;object-fit:cover;object-position:center top;border-radius:5px;transform:none!important;filter:none!important}
.future .feature-image small{padding:13px 0 0}
.social-impact-grid{grid-template-columns:.78fr 1.42fr;gap:64px}
.social-impact-grid .youtube-card{width:100%;min-height:390px;border:8px solid #fff;box-shadow:var(--shadow)}
.social-impact-grid .youtube-card iframe{width:100%;height:100%}
.logo-set>div.client-logo{width:250px;height:145px;padding:12px}
.logo-set .client-logo img{width:210px!important;height:86px!important;object-fit:contain!important;object-position:center!important}
@media(max-width:980px){.about-feature{padding-top:0}.about-feature .image-values{position:relative;margin-bottom:14px}.social-impact-grid{grid-template-columns:1fr}.social-impact-grid .youtube-card{min-height:0;aspect-ratio:16/9}}
@media(max-width:640px){.about-feature .image-values{grid-template-columns:1fr}.about-feature .image-values span{min-height:48px}.future .feature-image img{height:300px}.social-impact-grid .youtube-card{border-width:4px}.logo-set>div.client-logo{width:205px;height:120px}.logo-set .client-logo img{width:170px!important;height:70px!important}}

/* BECO v1.4 */
.about-feature .image-values .value-icon{width:22px;height:22px;fill:var(--green);flex:0 0 22px}
.number-grid{grid-template-columns:repeat(5,1fr)}
.timeline{grid-template-columns:repeat(5,1fr)}
.career-email{display:flex;align-items:center;gap:9px;margin-top:18px;color:#fff;text-decoration:none;font-weight:700}
.career-email i{color:#79efad;font-size:20px}
.future .feature-image img{object-position:center center}
@media(max-width:980px){.number-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.number-grid,.timeline{grid-template-columns:1fr}}


/* v1.5 - Navegación premium BECO */
@media (min-width:981px){
  .main-nav>a{
    position:relative;
    isolation:isolate;
    padding:12px 4px;
    transition:color .28s ease,transform .28s cubic-bezier(.2,.8,.2,1),text-shadow .28s ease;
  }
  .main-nav>a::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    bottom:4px;
    width:0;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,transparent,var(--green) 22%,#72efb0 50%,var(--green) 78%,transparent);
    box-shadow:0 0 13px rgba(0,166,81,.7);
    transform:translateX(-50%);
    transition:width .38s cubic-bezier(.2,.8,.2,1);
  }
  .main-nav>a::after{
    content:"";
    position:absolute;
    z-index:-2;
    inset:4px -10px;
    border:1px solid transparent;
    border-radius:999px;
    background:linear-gradient(120deg,rgba(255,255,255,.13),rgba(0,166,81,.16)) padding-box,
               linear-gradient(120deg,rgba(255,255,255,.28),rgba(0,166,81,.62),rgba(255,255,255,.08)) border-box;
    opacity:0;
    transform:scale(.82);
    transition:opacity .28s ease,transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease;
  }
  .main-nav>a:hover,
  .main-nav>a:focus-visible{
    color:#7bf0b3;
    transform:translateY(-2px);
    text-shadow:0 0 18px rgba(64,225,142,.38);
    outline:none;
  }
  .main-nav>a:hover::before,
  .main-nav>a:focus-visible::before{width:calc(100% + 10px)}
  .main-nav>a:hover::after,
  .main-nav>a:focus-visible::after{
    opacity:1;
    transform:scale(1);
    box-shadow:0 10px 28px rgba(0,80,58,.18),inset 0 1px 0 rgba(255,255,255,.12);
  }
  .site-header.scrolled .main-nav>a:hover,
  .site-header.scrolled .main-nav>a:focus-visible{
    color:var(--deep);
    text-shadow:0 0 16px rgba(0,166,81,.16);
  }
  .site-header.scrolled .main-nav>a::after{
    background:linear-gradient(120deg,rgba(0,166,81,.07),rgba(0,166,81,.13)) padding-box,
               linear-gradient(120deg,rgba(0,166,81,.12),rgba(0,166,81,.48),rgba(0,87,63,.12)) border-box;
  }
}

/* v1.6 - Nueva línea de tiempo histórica BECO */
.beco-history{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:108px 0 78px;
  background:
    linear-gradient(180deg,rgba(2,11,14,.42) 0%,rgba(2,13,16,.88) 48%,#06151a 100%),
    var(--history-bg) center top/cover no-repeat;
}
.beco-history::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 84% 12%,rgba(155,227,60,.13),transparent 24%),
    linear-gradient(90deg,rgba(1,10,13,.94) 0%,rgba(1,10,13,.58) 48%,rgba(1,10,13,.36) 100%);
}
.beco-history::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:34%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,#06151a 82%);
}
.beco-history .history-container{width:min(1500px,calc(100% - 40px))}
.history-intro{max-width:850px;margin-bottom:74px}
.history-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#9be33c;
  font-size:12px;
  letter-spacing:.26em;
  text-transform:uppercase;
  font-weight:800;
  margin-bottom:22px;
}
.history-eyebrow::before{content:"";width:42px;height:2px;background:#9be33c;box-shadow:0 0 18px rgba(155,227,60,.8)}
.beco-history .history-intro h2{
  margin:0;
  color:#fff!important;
  font:700 clamp(42px,5vw,76px)/1.03 Poppins,sans-serif;
  letter-spacing:-.035em;
  text-shadow:0 4px 28px rgba(0,0,0,.36);
}
.history-intro p{max-width:760px;margin:24px 0 0;color:#c2d1cc;font-size:clamp(16px,1.4vw,19px);line-height:1.8}
.history-timeline-wrap{position:relative}
.history-line{position:absolute;top:62px;left:4.2%;right:2.4%;height:3px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;z-index:0}
.history-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#9be33c,#c3ff65,#9be33c);box-shadow:0 0 20px rgba(155,227,60,.9);transform:scaleX(0);transform-origin:left}
.beco-history.history-active .history-line::after{animation:becoDrawHistoryLine 1.7s .25s cubic-bezier(.22,1,.36,1) forwards}
@keyframes becoDrawHistoryLine{to{transform:scaleX(1)}}
.history-timeline{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:24px;position:relative;z-index:1;overflow-x:auto;padding:0 8px 28px;scrollbar-width:thin;scrollbar-color:#9be33c rgba(255,255,255,.08);scroll-snap-type:x proximity}
.history-milestone{min-width:220px;display:flex;flex-direction:column;scroll-snap-align:start;opacity:0;transform:translateY(44px) scale(.97);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*150ms)}
.history-milestone.is-visible{opacity:1;transform:translateY(0) scale(1)}
.history-year{display:block;text-align:center;color:#9be33c;font-size:clamp(22px,2vw,30px);font-weight:700;margin-bottom:20px;text-shadow:0 0 18px rgba(155,227,60,.28)}
.history-node{width:46px;height:46px;margin:0 auto 38px;border:2px solid rgba(255,255,255,.86);border-radius:50%;display:grid;place-items:center;background:rgba(5,24,29,.72);box-shadow:0 0 0 7px rgba(155,227,60,.12),0 0 24px rgba(155,227,60,.62);position:relative;transition:transform .35s ease,box-shadow .35s ease}
.history-node::before{content:"";width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 14px #9be33c}
.history-node::after{content:"";position:absolute;top:44px;width:1px;height:40px;background:linear-gradient(#9be33c,transparent)}
.history-card{min-height:445px;flex:1;display:flex;flex-direction:column;border:1px solid rgba(155,227,60,.22);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(11,40,45,.84),rgba(5,25,30,.94));box-shadow:0 24px 70px rgba(0,0,0,.38);backdrop-filter:blur(12px);transition:transform .38s ease,border-color .38s ease,box-shadow .38s ease}
.history-card-image{height:190px;overflow:hidden;position:relative;background:linear-gradient(135deg,#16414a,#071d22)}
.history-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,24,29,.94))}
.history-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .45s ease}
.history-icon{width:66px;height:66px;margin:-34px auto 14px;position:relative;z-index:2;border-radius:50%;display:grid;place-items:center;color:#9be33c;background:rgba(7,29,34,.97);border:1px solid #9be33c;box-shadow:0 0 28px rgba(155,227,60,.18);font-size:26px}
.history-card-content{padding:0 22px 22px;text-align:center;display:flex;flex:1;flex-direction:column}
.history-card h3{margin:0;color:#fff!important;font:700 17px/1.35 Poppins,sans-serif;min-height:48px}
.history-card p{margin:12px 0 0;color:#c2d1cc;line-height:1.58;font-size:14px}
.history-milestone:hover .history-card,.history-milestone:focus-visible .history-card{transform:translateY(-12px);border-color:rgba(155,227,60,.68);box-shadow:0 30px 86px rgba(0,0,0,.48),0 0 30px rgba(155,227,60,.09)}
.history-milestone:hover .history-node,.history-milestone:focus-visible .history-node{transform:scale(1.12);box-shadow:0 0 0 10px rgba(155,227,60,.12),0 0 38px rgba(155,227,60,.95)}
.history-milestone:hover .history-card-image img,.history-milestone:focus-visible .history-card-image img{transform:scale(1.09);filter:saturate(1.08)}
.history-milestone:focus-visible{outline:0}
.history-footer-note{display:flex;justify-content:center;align-items:center;gap:18px;color:#c2d1cc;font-size:14px;margin-top:8px;text-align:center}
.history-footer-note::before,.history-footer-note::after{content:"";width:min(220px,18vw);height:1px;background:linear-gradient(90deg,transparent,rgba(155,227,60,.5))}
.history-footer-note::after{transform:rotate(180deg)}
@media(max-width:900px){.beco-history{padding-top:78px}.history-intro{margin-bottom:55px}.history-line{left:31px;right:31px}.history-timeline{grid-template-columns:repeat(6,minmax(270px,74vw))}.history-card{min-height:445px}.history-footer-note::before,.history-footer-note::after{display:none}}
@media(max-width:640px){.beco-history .history-container{width:min(100% - 28px,1500px)}.beco-history .history-intro h2{font-size:40px}.history-intro p{font-size:15px}.history-timeline{grid-template-columns:repeat(6,minmax(270px,86vw));gap:18px}.history-card-image{height:180px}}
@media(prefers-reduced-motion:reduce){.history-line::after{animation:none!important;transform:scaleX(1)}.history-milestone{opacity:1;transform:none;transition:none}}

/* v1.7 - Sección Misión, Visión y Valores */
.identity-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:110px 0;
  color:#fff;
  background:
    linear-gradient(115deg,rgba(3,22,19,.94),rgba(0,63,43,.76) 52%,rgba(3,22,19,.90)),
    var(--identity-bg) center/cover no-repeat;
  background-attachment:fixed;
}
.identity-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 15% 20%,rgba(0,166,81,.28),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.32));
}
.identity-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,29,24,.35),transparent 45%,rgba(3,29,24,.28));
}
.identity-container{position:relative;z-index:1}
.identity-head{max-width:880px;margin:0 auto 52px;text-align:center}
.identity-head .eyebrow{justify-content:center}
.identity-head h2{
  margin:8px 0 16px;
  color:#fff!important;
  font:700 clamp(42px,5vw,72px)/1.05 Poppins,sans-serif;
  letter-spacing:-.035em;
  text-shadow:0 8px 35px rgba(0,0,0,.34);
}
.identity-head p{margin:0 auto;max-width:720px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.75}
.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.identity-card{
  position:relative;
  min-height:470px;
  padding:34px 32px 36px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.07));
  box-shadow:0 28px 75px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.identity-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:4px;
  background:linear-gradient(90deg,#00a651,#9be33c,#00a651);
  transform:scaleX(.18);
  transform-origin:left;
  transition:transform .45s ease;
}
.identity-card:hover,.identity-card:focus-within{
  transform:translateY(-12px);
  border-color:rgba(155,227,60,.55);
  background:linear-gradient(160deg,rgba(255,255,255,.19),rgba(255,255,255,.09));
  box-shadow:0 36px 95px rgba(0,0,0,.38),0 0 40px rgba(0,166,81,.13);
}
.identity-card:hover::after,.identity-card:focus-within::after{transform:scaleX(1)}
.identity-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.identity-icon{
  width:68px;height:68px;border-radius:20px;display:grid;place-items:center;
  color:#062d22;background:linear-gradient(135deg,#d6ff9a,#77dc3e);
  box-shadow:0 16px 34px rgba(118,220,62,.24);
  font-size:29px;
}
.identity-number{font:700 14px/1 Poppins,sans-serif;letter-spacing:.18em;color:rgba(255,255,255,.48)}
.identity-card h3{margin:0 0 20px;color:#fff!important;font:700 34px/1.1 Poppins,sans-serif}
.identity-card p{margin:0;color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.82;text-align:left}
.identity-values ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.identity-values li{
  display:flex;align-items:center;gap:12px;padding:12px 14px;
  border:1px solid rgba(255,255,255,.10);border-radius:13px;
  background:rgba(0,0,0,.11);color:#fff;font-weight:600;font-size:15px;
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.identity-values li i{color:#9be33c;font-size:18px;flex:0 0 auto}
.identity-values li:hover{transform:translateX(5px);background:rgba(155,227,60,.09);border-color:rgba(155,227,60,.30)}
@media(max-width:1100px){
  .identity-grid{grid-template-columns:1fr 1fr}
  .identity-values{grid-column:1/-1;min-height:auto}
  .identity-values ul{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .identity-section{padding:78px 0;background-attachment:scroll}
  .identity-head{margin-bottom:38px;text-align:left}
  .identity-head .eyebrow{justify-content:flex-start}
  .identity-head h2{font-size:42px}
  .identity-head p{font-size:16px}
  .identity-grid{grid-template-columns:1fr;gap:18px}
  .identity-card,.identity-values{grid-column:auto;min-height:auto;padding:28px 24px}
  .identity-values ul{grid-template-columns:1fr}
  .identity-card h3{font-size:30px}
  .identity-card p{font-size:15px;line-height:1.72}
}


/* v1.8 interaction and layout refinements */
.energy-bolt{width:44px;height:54px;display:grid;place-items:center;color:#9be33c;font-size:34px;filter:drop-shadow(0 0 5px rgba(155,227,60,.55));animation:energyPulse 1.45s ease-in-out infinite;transform-origin:center}
.energy-bolt i{display:block}
@keyframes energyPulse{0%,100%{opacity:.35;transform:translateY(0) scale(.9);filter:drop-shadow(0 0 2px rgba(155,227,60,.25))}50%{opacity:1;transform:translateY(4px) scale(1.12);filter:drop-shadow(0 0 14px rgba(155,227,60,1)) drop-shadow(0 0 28px rgba(0,166,81,.75))}}
.social-video{position:relative;overflow:hidden;min-height:390px;aspect-ratio:16/9;background:#08251f}
.social-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.social-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,22,18,.08),rgba(2,22,18,.5));pointer-events:none;transition:opacity .35s ease}
.social-video:hover .social-video-poster{transform:scale(1.035);filter:saturate(1.08)}
.social-play{position:absolute;z-index:2;inset:0;margin:auto;width:max-content;height:max-content;display:flex;flex-direction:column;align-items:center;gap:12px;border:0;background:transparent;color:#fff;font:800 12px/1 Poppins,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.social-play-ring{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#00a651,#9be33c);box-shadow:0 0 0 12px rgba(255,255,255,.12),0 18px 50px rgba(0,0,0,.35),0 0 35px rgba(155,227,60,.38);transition:transform .3s ease,box-shadow .3s ease}
.social-play-ring i{font-size:42px;margin-left:5px}
.social-play:hover .social-play-ring,.social-play:focus-visible .social-play-ring{transform:scale(1.1);box-shadow:0 0 0 16px rgba(255,255,255,.13),0 22px 58px rgba(0,0,0,.42),0 0 48px rgba(155,227,60,.65)}
.social-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:4}
.careers{min-height:0!important;aspect-ratio:1800/666;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
@media(max-width:980px){.careers{aspect-ratio:auto;min-height:540px!important;background-size:cover!important;background-position:58% center!important}}
@media(max-width:640px){.energy-bolt{font-size:30px}.social-play-ring{width:70px;height:70px}.social-play-ring i{font-size:34px}.social-video{min-height:0}.careers{min-height:500px!important;background-position:62% center!important}}


/* BECO Premium Polish v2.0: fondos claros coherentes y animaciones por sección */
.about,
.operations,
.future,
.gallery,
.clients{
  background:linear-gradient(180deg,#f7faf9 0%,#eef4f2 100%);
}
.identity-section + .numbers,
.social-impact{
  background:linear-gradient(180deg,#edf4f2 0%,#f5f9f7 100%);
}
.about,
.operations,
.future,
.gallery,
.social-impact,
.clients{
  position:relative;
  overflow:hidden;
}
.about::before,
.operations::before,
.future::before,
.gallery::before,
.social-impact::before,
.clients::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 12%,rgba(0,166,82,.045),transparent 28%),
    radial-gradient(circle at 92% 88%,rgba(0,87,63,.04),transparent 30%);
}
.about>.container,
.operations>.container,
.future>.container,
.gallery>.container,
.social-impact>.container,
.clients>.container{position:relative;z-index:1}

.about-highlights{display:grid;gap:14px;margin-top:26px}
.about-highlights article{
  position:relative;
  padding:18px 20px 18px 24px;
  border:1px solid rgba(0,87,63,.11);
  border-radius:16px;
  background:rgba(255,255,255,.68);
  box-shadow:0 12px 32px rgba(0,57,40,.055);
}
.about-highlights article::before{
  content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:5px;
  background:linear-gradient(180deg,var(--green),#79efad);
}
.about-highlights h3{margin:0 0 7px;color:var(--ink);font:700 17px/1.35 Poppins,sans-serif}
.about-highlights p{margin:0!important;font-size:15px!important;line-height:1.65!important;color:#52615c}
.about-highlights strong{color:var(--green-dark,#00573f)}

[data-reveal-group] .reveal,
[data-reveal-group] [data-count]{
  opacity:0;
  transform:translateY(38px) scale(.985);
  transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);
}
[data-reveal-group] .reveal.visible,
[data-reveal-group] [data-count].visible{opacity:1;transform:none}

@media(max-width:640px){
  .about-highlights article{padding:16px 16px 16px 20px}
  .about-highlights h3{font-size:16px}
  .about-highlights p{font-size:14px!important}
}

/* BECO Premium v2.1: ajuste de Quienes somos y fondos claros con mayor profundidad */
.about,
.operations,
.future,
.gallery,
.clients{
  background:
    linear-gradient(180deg,rgba(224,237,232,.98) 0%,rgba(210,228,221,.98) 100%);
}
.social-impact{
  background:
    linear-gradient(180deg,rgba(214,231,224,.98) 0%,rgba(226,239,234,.98) 100%);
}
.about::before,
.operations::before,
.future::before,
.gallery::before,
.social-impact::before,
.clients::before{
  background:
    radial-gradient(circle at 8% 12%,rgba(0,166,82,.10),transparent 30%),
    radial-gradient(circle at 92% 88%,rgba(0,87,63,.09),transparent 32%),
    linear-gradient(115deg,rgba(255,255,255,.22),transparent 45%,rgba(0,87,63,.035));
}

.about .split{
  align-items:start;
}
.about-feature{
  align-self:start;
  margin-top:-42px;
  display:flex;
  flex-direction:column;
}
.about-feature .image-values{
  order:1;
}
.about-feature>img{
  order:2;
  height:560px;
}
.about-feature figcaption{
  order:3;
  position:static;
  width:100%;
  margin-top:14px;
  left:auto;
  bottom:auto;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  border-radius:0 0 4px 4px;
  box-shadow:0 14px 30px rgba(0,87,63,.18);
}
.about-feature figcaption strong{
  font-size:34px;
}
.about-feature figcaption span{
  font-weight:700;
  letter-spacing:.02em;
}

@media(max-width:980px){
  .about-feature{margin-top:0}
  .about-feature>img{height:500px}
}
@media(max-width:640px){
  .about-feature>img{height:390px}
  .about-feature figcaption{padding:18px 20px}
  .about-feature figcaption strong{font-size:28px}
}

/* BECO Premium v2.2: composicion final de Quienes somos y superficies translucidas */
.beco-site{
  background:#0b2b25;
}

/* Secciones claras: tono verde profundo con transparencia controlada */
.about,
.operations,
.future,
.gallery,
.clients{
  background:
    linear-gradient(180deg,rgba(218,234,227,.92) 0%,rgba(198,222,212,.90) 100%);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.social-impact{
  background:
    linear-gradient(180deg,rgba(202,225,216,.91) 0%,rgba(218,235,228,.90) 100%);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.about::before,
.operations::before,
.future::before,
.gallery::before,
.social-impact::before,
.clients::before{
  opacity:.9;
  background:
    radial-gradient(circle at 8% 12%,rgba(0,166,82,.13),transparent 31%),
    radial-gradient(circle at 92% 88%,rgba(0,74,53,.13),transparent 34%),
    linear-gradient(115deg,rgba(255,255,255,.18),transparent 43%,rgba(0,62,45,.065));
}

/* Tarjetas translucidas integradas con el nuevo fondo */
.about-highlights article,
.about-purpose-card{
  background:rgba(248,252,250,.72);
  border:1px solid rgba(0,87,63,.16);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 16px 42px rgba(0,57,40,.10);
}

/* La columna visual sube; 105 MW recupera su superposicion original */
.about-layout{align-items:start}
.about-visual-column{
  align-self:start;
  margin-top:-72px;
  display:flex;
  flex-direction:column;
  gap:18px;
  min-width:0;
}
.about-visual-column .about-feature{
  margin:0;
  align-self:stretch;
  position:relative;
}
.about-visual-column .about-feature>img{
  height:560px;
}
.about-visual-column .about-feature figcaption{
  position:absolute;
  left:-36px;
  bottom:26px;
  width:auto;
  min-width:194px;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  border-radius:0;
  box-shadow:0 18px 38px rgba(0,87,63,.28);
}
.about-visual-column .about-feature figcaption strong{font-size:40px}
.about-visual-column .about-feature figcaption span{font-weight:500;letter-spacing:0}

/* Excelencia con proposito ocupa el espacio debajo de la imagen */
.about-purpose-card{
  position:relative;
  padding:20px 22px 20px 26px;
  border-radius:16px;
}
.about-purpose-card::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:4px;
  border-radius:5px;
  background:linear-gradient(180deg,var(--green),#79efad);
}
.about-purpose-card h3{
  margin:0 0 7px;
  color:var(--ink);
  font:700 17px/1.35 Poppins,sans-serif;
}
.about-purpose-card p{
  margin:0;
  color:#52615c;
  font-size:15px;
  line-height:1.65;
}

@media(max-width:980px){
  .about-visual-column{margin-top:0}
  .about-visual-column .about-feature>img{height:500px}
  .about-visual-column .about-feature figcaption{left:18px;bottom:18px}
}
@media(max-width:640px){
  .about-visual-column{gap:14px}
  .about-visual-column .about-feature>img{height:390px}
  .about-visual-column .about-feature figcaption{
    left:14px;
    bottom:14px;
    min-width:168px;
    padding:17px 19px;
  }
  .about-visual-column .about-feature figcaption strong{font-size:30px}
  .about-purpose-card{padding:17px 17px 17px 21px}
  .about-purpose-card h3{font-size:16px}
  .about-purpose-card p{font-size:14px}
}

/* BECO Premium v2.3: uniformidad visual, cifras con profundidad y galeria destacada */

/* Quienes somos: ambas columnas inician al mismo nivel */
.about-layout{
  align-items:start;
  gap:68px;
}
.about-layout>.copy,
.about-visual-column{
  margin-top:0!important;
  align-self:start;
}
.about-visual-column{
  gap:16px;
}

/* Un mismo lenguaje de esquinas para todas las fichas de la seccion */
.about-highlights article,
.about-purpose-card,
.about-feature .image-values span,
.about-visual-column .about-feature>img{
  border-radius:12px;
}
.about-feature .image-values{
  gap:12px;
  margin-bottom:12px;
}
.about-feature .image-values span{
  min-height:58px;
  background:rgba(248,252,250,.78);
  border:1px solid rgba(0,87,63,.14);
  box-shadow:0 10px 26px rgba(0,57,40,.075);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.about-highlights article,
.about-purpose-card{
  border:1px solid rgba(0,87,63,.14);
  box-shadow:0 12px 30px rgba(0,57,40,.085);
}
.about-visual-column .about-feature{
  padding-top:0;
}
.about-visual-column .about-feature>img{
  overflow:hidden;
}
.about-visual-column .about-feature figcaption{
  border-radius:0 12px 12px 0;
}

/* BECO en cifras: recuperar atmosfera oscura y agregar volumen */
.identity-section + .numbers,
.numbers{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 18% 15%,rgba(0,166,82,.25),transparent 32%),
    radial-gradient(circle at 88% 82%,rgba(155,227,60,.11),transparent 30%),
    linear-gradient(135deg,#063b2d 0%,#00573f 50%,#032b22 100%)!important;
  box-shadow:inset 0 22px 46px rgba(0,0,0,.17),inset 0 -22px 46px rgba(0,0,0,.2);
}
.numbers::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
}
.numbers>.container{position:relative;z-index:1}
.number-grid{
  gap:14px;
  background:transparent;
}
.number-grid article{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.045));
  box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.number-grid article::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:4px;
  background:linear-gradient(90deg,var(--green),#9be33c);
  opacity:.82;
}

/* Galeria: encabezado tipo banner para separar las secciones claras consecutivas */
.gallery{
  padding-top:90px;
}
.gallery .section-head{
  position:relative;
  max-width:none;
  margin:0 0 48px;
  padding:38px 42px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 20%,rgba(155,227,60,.18),transparent 30%),
    linear-gradient(120deg,rgba(0,87,63,.97),rgba(5,47,38,.94));
  box-shadow:0 24px 58px rgba(0,57,40,.24),inset 0 1px rgba(255,255,255,.12);
}
.gallery .section-head::after{
  content:"";
  position:absolute;
  right:-48px;
  top:-80px;
  width:280px;
  height:280px;
  border:1px solid rgba(155,227,60,.16);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(155,227,60,.045),0 0 0 70px rgba(155,227,60,.025);
}
.gallery .section-head .eyebrow{color:#9be33c}
.gallery .section-head h2{color:#fff;margin-bottom:0;text-shadow:0 4px 24px rgba(0,0,0,.22)}
.gallery-item{
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,57,40,.15);
}

@media(max-width:980px){
  .about-layout{gap:42px}
  .about-feature .image-values{margin-bottom:12px}
  .gallery .section-head{padding:32px 30px}
}
@media(max-width:640px){
  .about-layout{gap:32px}
  .about-feature .image-values span{border-radius:10px}
  .about-highlights article,.about-purpose-card{border-radius:10px}
  .number-grid{gap:10px}
  .gallery .section-head{padding:28px 22px;border-radius:14px}
}

/* BECO Premium v2.4: fichas separadas y secciones Galeria/Clientes oscuras */
:root{
  --beco-card-radius:16px;
  --beco-card-shadow:0 18px 44px rgba(0,38,29,.16);
}

/* Quienes somos: las tres fichas quedan claramente arriba de la imagen */
.about-feature .image-values,
.about-visual-column .about-feature .image-values{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:2;
  order:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:100%;
  margin:0 0 18px!important;
}
.about-feature .image-values span{
  min-height:68px;
  padding:17px 14px;
  border-radius:var(--beco-card-radius)!important;
  background:rgba(247,251,249,.84);
  border:1px solid rgba(0,87,63,.17);
  box-shadow:var(--beco-card-shadow);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.about-visual-column .about-feature>img{
  order:2;
  border-radius:var(--beco-card-radius)!important;
  box-shadow:0 24px 55px rgba(0,38,29,.20);
}
.about-visual-column .about-feature figcaption{
  order:3;
  border-radius:0 var(--beco-card-radius) var(--beco-card-radius) 0;
}
.about-highlights article,
.about-purpose-card{
  border-radius:var(--beco-card-radius)!important;
  box-shadow:var(--beco-card-shadow);
}

/* Galeria: atmosfera oscura completa con iluminacion ambiental */
.gallery{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 18% 10%,rgba(0,166,82,.22),transparent 32%),
    radial-gradient(circle at 86% 84%,rgba(155,227,60,.10),transparent 30%),
    linear-gradient(145deg,#061f1b 0%,#07372c 48%,#041b17 100%)!important;
  box-shadow:inset 0 22px 52px rgba(0,0,0,.22),inset 0 -22px 52px rgba(0,0,0,.26);
}
.gallery::before{
  opacity:.34!important;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:52px 52px!important;
}
.gallery .section-head{
  background:transparent;
  border:0;
  padding:0;
  margin-bottom:48px;
  box-shadow:none;
  overflow:visible;
}
.gallery .section-head::before{
  content:"";
  position:absolute;
  left:-70px;
  top:50%;
  width:360px;
  height:190px;
  transform:translateY(-50%);
  border-radius:50%;
  background:rgba(0,166,82,.20);
  filter:blur(70px);
  pointer-events:none;
}
.gallery .section-head::after{display:none}
.gallery .section-head .eyebrow{color:#9be33c}
.gallery .section-head h2{color:#fff!important;text-shadow:0 5px 26px rgba(0,0,0,.38)}
.gallery-item{
  border-radius:var(--beco-card-radius);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 46px rgba(0,0,0,.30);
}
.gallery-item:hover{box-shadow:0 26px 62px rgba(0,0,0,.38),0 0 26px rgba(0,166,82,.12)}

/* Clientes: fondo oscuro y logos sobre tarjetas luminosas uniformes */
.clients{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 82% 8%,rgba(0,166,82,.20),transparent 30%),
    radial-gradient(circle at 12% 88%,rgba(155,227,60,.09),transparent 28%),
    linear-gradient(135deg,#05251f 0%,#073b2f 52%,#041d18 100%)!important;
  box-shadow:inset 0 20px 48px rgba(0,0,0,.19),inset 0 -20px 48px rgba(0,0,0,.23);
}
.clients::before{
  opacity:.3!important;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;
  background-size:56px 56px!important;
}
.clients .section-head{position:relative}
.clients .section-head::before{
  content:"";
  position:absolute;
  left:-55px;
  top:45%;
  width:330px;
  height:170px;
  transform:translateY(-50%);
  border-radius:50%;
  background:rgba(0,166,82,.20);
  filter:blur(68px);
  pointer-events:none;
}
.clients .section-head .eyebrow{color:#9be33c}
.clients .section-head h2{color:#fff!important;text-shadow:0 5px 26px rgba(0,0,0,.34)}
.clients .client-logo{
  border-radius:var(--beco-card-radius)!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.27)!important;
  transition:transform .35s ease,box-shadow .35s ease,background .35s ease;
}
.clients .client-logo:hover{
  transform:translateY(-8px);
  background:#fff!important;
  box-shadow:0 26px 58px rgba(0,0,0,.34),0 0 24px rgba(155,227,60,.12)!important;
}

@media(max-width:980px){
  .about-feature .image-values span{min-height:62px;padding:15px 12px}
}
@media(max-width:640px){
  .about-feature .image-values,
  .about-visual-column .about-feature .image-values{grid-template-columns:1fr;gap:10px;margin-bottom:14px!important}
  .about-feature .image-values span{min-height:52px}
  .gallery .section-head{padding:0}
}

/* ===== BECO Premium v2.5: Energia del Futuro y Talento BECO ===== */
.future-energy{
  position:relative;
  min-height:760px;
  overflow:hidden;
  color:#fff;
  display:flex;
  align-items:center;
  background-image:var(--future-bg);
  background-size:cover;
  background-position:center center;
  isolation:isolate;
}
.future-energy::before{
  content:"";
  position:absolute;
  inset:-4%;
  z-index:-3;
  background-image:var(--future-bg);
  background-size:cover;
  background-position:center center;
  transform:scale(1.04);
  animation:becoSolarKenBurns 18s ease-in-out infinite alternate;
}
.future-energy-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,25,19,.94) 0%,rgba(2,36,27,.78) 48%,rgba(2,30,23,.38) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,20,15,.52));
}
.future-energy-glow{
  position:absolute;
  width:560px;
  height:560px;
  left:-180px;
  top:-200px;
  z-index:-1;
  border-radius:50%;
  background:rgba(0,166,81,.25);
  filter:blur(105px);
  pointer-events:none;
}
.future-energy-content{position:relative;z-index:2}
.future-energy-copy{max-width:880px}
.future-energy-copy h2{
  max-width:930px;
  margin:0 0 24px;
  color:#fff!important;
  font:700 clamp(40px,5vw,72px)/1.04 Poppins,sans-serif;
  text-shadow:0 6px 30px rgba(0,0,0,.34);
}
.future-energy-copy p{
  max-width:850px;
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:18px;
  line-height:1.78;
}
.future-energy-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:44px;
  max-width:980px;
}
.future-energy-card{
  position:relative;
  padding:30px 30px 28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.08));
  backdrop-filter:blur(15px);
  box-shadow:0 24px 62px rgba(0,0,0,.30);
  transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;
}
.future-energy-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#9be33c,var(--green));
  box-shadow:0 0 22px rgba(155,227,60,.65);
}
.future-energy-card:hover{
  transform:translateY(-8px);
  border-color:rgba(155,227,60,.58);
  box-shadow:0 32px 78px rgba(0,0,0,.38),0 0 30px rgba(0,166,81,.14);
}
.future-energy-icon{font-size:28px;display:block;margin-bottom:10px}
.future-energy-card strong{display:block;font:700 48px Poppins,sans-serif;color:#fff;line-height:1}
.future-energy-card strong em{font-size:22px;color:#9be33c;font-style:normal}
.future-energy-card h3{margin:14px 0 10px;font:600 21px Poppins,sans-serif;color:#fff}
.future-energy-card p{margin:0;color:rgba(255,255,255,.75);line-height:1.65;font-size:15px}
.future-energy-status{display:inline-flex;margin-top:20px;padding:8px 12px;border-radius:999px;background:rgba(155,227,60,.14);border:1px solid rgba(155,227,60,.32);color:#c8ff73;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.future-energy-note{margin:26px 0 0;color:rgba(255,255,255,.76);font-weight:600;letter-spacing:.02em}
@keyframes becoSolarKenBurns{from{transform:scale(1.04)}to{transform:scale(1.10)}}

/* Nuevo banner de Talento BECO, conservando exactamente el texto corporativo */
.careers-v25{
  aspect-ratio:1800/666!important;
  min-height:560px!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed;
}
.careers-v25 .careers-overlay{
  background:
    linear-gradient(90deg,rgba(0,43,31,.92) 0%,rgba(0,55,39,.62) 38%,rgba(0,55,39,.12) 68%,rgba(0,55,39,0) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,30,22,.18));
}
.careers-v25 .careers-copy{max-width:610px}
.careers-v25 .careers-copy h2{text-shadow:0 5px 28px rgba(0,0,0,.28)}
.careers-v25 .careers-copy p{max-width:560px;color:rgba(255,255,255,.9)}
.careers-v25 .career-email{display:inline-flex;margin-top:20px;color:#fff;text-decoration:none;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.3)}

@media(max-width:980px){
  .future-energy{min-height:auto;background-position:center center}
  .future-energy-cards{grid-template-columns:1fr}
  .careers-v25{aspect-ratio:auto!important;min-height:560px!important;background-attachment:scroll;background-position:center center!important}
}
@media(max-width:640px){
  .future-energy{padding:88px 0;background-position:58% center}
  .future-energy-copy h2{font-size:38px}
  .future-energy-copy p{font-size:16px}
  .future-energy-card{padding:25px 22px 24px}
  .future-energy-card strong{font-size:42px}
  .careers-v25{min-height:560px!important;background-size:cover!important;background-position:58% center!important}
  .careers-v25 .careers-overlay{background:linear-gradient(90deg,rgba(0,43,31,.90),rgba(0,55,39,.45))}
}
@media(prefers-reduced-motion:reduce){.future-energy::before{animation:none}}

/* ===== BECO Premium v2.6: Talento BECO a escala completa ===== */
/* En escritorio, la seccion adopta exactamente la proporcion del banner
   para evitar recortes, ampliacion artificial y perdida de nitidez. */
.careers-v25{
  width:100%;
  aspect-ratio:851/315!important;
  min-height:0!important;
  height:auto!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}

@media(max-width:980px){
  .careers-v25{
    aspect-ratio:851/315!important;
    min-height:0!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }
  .careers-v25 .careers-copy{
    transform:scale(.88);
    transform-origin:left center;
  }
}

@media(max-width:640px){
  /* En movil se conserva la imagen completa y el contenido se presenta debajo
     para no cubrir ni recortar el banner. */
  .careers-v25{
    aspect-ratio:auto!important;
    min-height:0!important;
    padding-top:calc(100vw * 315 / 851)!important;
    background-size:100% auto!important;
    background-position:center top!important;
    align-items:flex-start!important;
    background-color:#064531;
  }
  .careers-v25 .careers-overlay{
    top:calc(100vw * 315 / 851);
    background:linear-gradient(180deg,rgba(0,69,49,.98),rgba(0,43,31,.98))!important;
  }
  .careers-v25 .careers-copy{
    width:calc(100% - 40px)!important;
    margin:0 20px!important;
    padding:44px 0 50px;
    transform:none;
  }
}

/* ===== BECO Premium v2.8: Planta, Noticias, Gestion Ambiental ===== */
/* Energia del Futuro: overlay mas ligero para dar protagonismo al banner solar. */
.future-energy-overlay{
  background:
    linear-gradient(90deg,rgba(2,25,19,.70) 0%,rgba(2,36,27,.52) 48%,rgba(2,30,23,.20) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,20,15,.26))!important;
}
.future-energy-glow{opacity:.55}
.future-energy-copy h2{text-shadow:0 7px 30px rgba(0,0,0,.48)}
.future-energy-copy p{text-shadow:0 2px 12px rgba(0,0,0,.5)}

/* Nuestra Planta */
.plant-tech{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 82% 10%,rgba(0,166,81,.22),transparent 30%),
    radial-gradient(circle at 8% 88%,rgba(155,227,60,.08),transparent 30%),
    linear-gradient(135deg,#041b17 0%,#073429 52%,#041c18 100%);
  box-shadow:inset 0 18px 46px rgba(0,0,0,.22),inset 0 -18px 46px rgba(0,0,0,.24);
}
.plant-tech::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:58px 58px;
}
.plant-tech .container{position:relative;z-index:1}
.plant-tech-head{max-width:900px;margin-bottom:42px}
.plant-tech-head h2{color:#fff!important;font-size:clamp(38px,4.6vw,64px)}
.plant-tech-head p{max-width:880px;color:rgba(255,255,255,.76);font-size:18px;line-height:1.78}
.plant-tech-visual{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 78px rgba(0,0,0,.34)}
.plant-tech-visual img{width:100%;height:520px;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
.plant-tech-visual:hover img{transform:scale(1.025)}
.plant-tech-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,23,18,.58));pointer-events:none}
.plant-tech-badge{position:absolute;z-index:2;left:28px;bottom:28px;padding:18px 22px;border-radius:14px;background:rgba(0,102,65,.86);backdrop-filter:blur(12px);border:1px solid rgba(155,227,60,.35);box-shadow:0 14px 34px rgba(0,0,0,.3)}
.plant-tech-badge strong{display:block;font:700 30px Poppins,sans-serif}
.plant-tech-badge span{display:block;color:rgba(255,255,255,.78);font-size:13px;margin-top:3px}
.plant-tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.plant-tech-card{padding:26px 23px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);box-shadow:0 18px 48px rgba(0,0,0,.23);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.plant-tech-card:hover{transform:translateY(-7px);border-color:rgba(155,227,60,.5);box-shadow:0 26px 60px rgba(0,0,0,.31),0 0 26px rgba(0,166,81,.1)}
.plant-tech-card i{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(155,227,60,.11);color:#9be33c;font-size:22px;margin-bottom:17px}
.plant-tech-card h3{margin:0 0 10px;color:#fff;font:600 18px Poppins,sans-serif}
.plant-tech-card p{margin:0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.65}

/* Noticias administrables */
.news-section{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 15% 15%,rgba(0,166,81,.20),transparent 28%),
    linear-gradient(160deg,#092b25 0%,#0b3b30 55%,#06221d 100%);
}
.news-section .section-head{max-width:850px}
.news-section .section-head h2{color:#fff!important}
.news-section .news-intro{color:rgba(255,255,255,.72);font-size:17px;line-height:1.7}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.news-card{overflow:hidden;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);box-shadow:0 22px 58px rgba(0,0,0,.26);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.news-card:hover{transform:translateY(-8px);border-color:rgba(155,227,60,.48);box-shadow:0 30px 72px rgba(0,0,0,.34)}
.news-card-image{height:240px;overflow:hidden;background:#0d2420}
.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.news-card:hover .news-card-image img{transform:scale(1.055)}
.news-card-body{padding:24px 24px 26px}
.news-date{display:block;color:#9be33c;font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:10px}
.news-card h3{margin:0 0 12px;color:#fff;font:600 21px/1.3 Poppins,sans-serif}
.news-card p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.65}
.news-read{border:0;background:none;color:#cfff83;padding:0;margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-weight:800;cursor:pointer}
.news-empty{grid-column:1/-1;padding:56px 30px;text-align:center;border-radius:18px;border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.055)}
.news-empty i{font-size:42px;color:#9be33c}.news-empty h3{color:#fff;margin:12px 0 8px}.news-empty p{color:rgba(255,255,255,.65);margin:0}
.news-modal{position:fixed;inset:0;z-index:2100;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(2,15,12,.86);backdrop-filter:blur(10px)}
.news-modal.open{display:flex}.news-modal-close{position:absolute;right:28px;top:24px;border:0;background:rgba(255,255,255,.12);color:#fff;width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer}
.news-modal-card{width:min(980px,96vw);max-height:88vh;overflow:auto;border-radius:20px;background:#f3f7f5;box-shadow:0 36px 100px rgba(0,0,0,.5)}
.news-modal-image{width:100%;height:390px;object-fit:cover;display:block}.news-modal-copy{padding:34px 38px 40px;color:var(--ink)}.news-modal-date{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.14em}.news-modal-title{font:700 clamp(28px,4vw,46px)/1.1 Poppins,sans-serif;margin:10px 0 20px}.news-modal-content{line-height:1.8;color:#53645f}.news-modal-content p{margin:0 0 18px}

/* Gestion Ambiental - contenido basado en Informe de Actividades Ambientales 2025 */
.environment{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 86% 15%,rgba(155,227,60,.13),transparent 30%),
    radial-gradient(circle at 12% 85%,rgba(0,166,81,.18),transparent 30%),
    linear-gradient(135deg,#05231d 0%,#0a4738 52%,#06291f 100%);
  box-shadow:inset 0 20px 54px rgba(0,0,0,.25),inset 0 -20px 54px rgba(0,0,0,.23);
}
.environment::before{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:62px 62px}
.environment .container{position:relative;z-index:1}
.environment-head{max-width:930px;margin-bottom:45px}
.environment-head h2{color:#fff!important;font-size:clamp(38px,4.8vw,64px)}
.environment-head p{max-width:830px;color:rgba(255,255,255,.73);font-size:17px;line-height:1.75}
.environment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.environment-card{overflow:hidden;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 55px rgba(0,0,0,.26);backdrop-filter:blur(11px);transition:transform .35s ease,border-color .35s ease}
.environment-card:hover{transform:translateY(-8px);border-color:rgba(155,227,60,.52)}
.environment-card img{width:100%;height:245px;object-fit:cover;display:block}.environment-card>div{padding:24px}.environment-card>div>span{display:block;color:#9be33c;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:9px}.environment-card h3{margin:0 0 11px;color:#fff;font:600 20px Poppins,sans-serif}.environment-card p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.67}
.environment-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}.environment-impact>div{padding:27px 24px;background:rgba(2,32,25,.6)}.environment-impact strong{display:block;color:#9be33c;font:700 34px Poppins,sans-serif}.environment-impact span{color:rgba(255,255,255,.7);font-size:13px;line-height:1.5}

@media(max-width:980px){
  .plant-tech-grid,.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-grid{grid-template-columns:1fr 1fr}.plant-tech-visual img{height:430px}
}
@media(max-width:640px){
  .plant-tech-grid,.environment-grid,.news-grid,.environment-impact{grid-template-columns:1fr}
  .plant-tech-visual img{height:320px}.plant-tech-badge{left:16px;bottom:16px}.news-card-image,.environment-card img{height:220px}
  .news-modal{padding:12px}.news-modal-image{height:230px}.news-modal-copy{padding:26px 22px 30px}
  .future-energy-overlay{background:linear-gradient(90deg,rgba(2,25,19,.72),rgba(2,36,27,.48))!important}
}

/* BECO v3.1 - Header glass corporativo + icono ambiental */
.plant-tech-svg-icon{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:rgba(151,224,54,.12);color:#9be33c;margin-bottom:20px;
  box-shadow:inset 0 0 0 1px rgba(155,227,60,.08);
}
.plant-tech-svg-icon svg{width:24px;height:24px;fill:currentColor;filter:drop-shadow(0 0 8px rgba(155,227,60,.28))}

.site-header.scrolled{
  height:72px;
  background:linear-gradient(90deg,rgba(4,34,28,.88),rgba(5,48,38,.82) 55%,rgba(3,28,23,.88));
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  border-bottom:1px solid rgba(113,233,171,.17);
  box-shadow:0 12px 34px rgba(0,20,15,.24),inset 0 1px 0 rgba(255,255,255,.05);
}
.site-header.scrolled .brand img{
  filter:none;
  filter:brightness(1.08) saturate(1.08) drop-shadow(0 2px 10px rgba(0,0,0,.18));
}
.site-header.scrolled .main-nav>a{
  color:rgba(255,255,255,.9);
  text-shadow:0 1px 8px rgba(0,0,0,.16);
}
.site-header.scrolled .main-nav>a:hover,
.site-header.scrolled .main-nav>a:focus-visible{
  color:#9bf0bd;
  text-shadow:0 0 18px rgba(80,230,150,.35);
}
.site-header.scrolled .main-nav>a::after{
  background:linear-gradient(120deg,rgba(255,255,255,.06),rgba(0,166,81,.16)) padding-box,
             linear-gradient(120deg,rgba(255,255,255,.14),rgba(78,229,148,.46),rgba(255,255,255,.06)) border-box;
}
.site-header.scrolled .lang-switch{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.site-header.scrolled .lang-switch button{color:rgba(255,255,255,.86)}
.site-header.scrolled .lang-switch button.active{
  color:#fff;background:linear-gradient(135deg,#00a651,#00bf68);
  box-shadow:0 5px 16px rgba(0,166,81,.28);
}
.site-header.scrolled .nav-toggle{color:#fff}

@media(max-width:980px){
  .site-header.scrolled .main-nav{
    background:linear-gradient(180deg,rgba(4,34,28,.97),rgba(5,48,38,.97));
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(113,233,171,.14);
  }
  .site-header.scrolled .main-nav>a{color:#fff}
  .site-header.scrolled .lang-switch button{color:#fff}
}


/* BECO v3.3 refinements */
.future-energy-storage{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:14px 0 2px;padding-top:13px;border-top:1px solid rgba(255,255,255,.18);color:#fff}
.future-energy-storage strong{font:700 24px/1 Poppins,Inter,sans-serif}
.future-energy-storage strong em{font:600 14px/1 Inter,sans-serif;font-style:normal;color:#aaf078}
.future-energy-storage span{font-size:13px;color:rgba(255,255,255,.8)}
.careers-v25 .career-email{margin-top:32px!important}
.contact-form-wrap{min-width:0}
.contact-feedback{margin:0 0 18px;padding:14px 16px;border-radius:10px;font-size:14px;line-height:1.6}
.contact-feedback.success{background:rgba(0,166,81,.18);border:1px solid rgba(112,231,170,.45);color:#d9ffea}
.contact-feedback.error{background:rgba(176,53,53,.2);border:1px solid rgba(255,156,156,.4);color:#ffe5e5}
.beco-contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:680px){.future-energy-storage{margin-top:12px}.careers-v25 .career-email{margin-top:26px!important}}