:root{--g:#91cf3d;--gd:#535359;--dark:#050705;--gray:#55565b;--max:1180px;--ease:cubic-bezier(.22,.8,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#242523;background:#fff;overflow-x:hidden}
body.lock{overflow:hidden}
img,video{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}

/* Header / hero */
.header{position:fixed;z-index:20;top:14px;left:50%;transform:translateX(-50%);width:min(80vw,1260px);background:rgba(255,255,255,.97);border:1px solid rgba(0,0,0,.05);border-radius:18px;box-shadow:0 7px 28px rgba(0,0,0,.10);backdrop-filter:blur(8px)}
.nav{height:82px;padding:0 18px 0 24px;display:flex;align-items:center;justify-content:flex-start;gap:28px}
.brand{flex:none;display:flex;align-items:center}.brand img{width:116px}
.menu{display:flex;align-items:center;gap:25px;font-size:12px}
.menu a{text-decoration:none;color:#444;transition:color .2s}.menu a:hover{color:var(--gd)}
.menu a span{font-size:10px;color:#777}
.btn{border:0;border-radius:30px;padding:12px 23px;background:var(--g);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:transform .25s var(--ease),background .2s,box-shadow .25s}.btn:hover{background:var(--gd);transform:translateY(-2px);box-shadow:0 8px 18px rgba(112,174,42,.24)}
.nav-toggle{display:none;border:0;background:none;font-size:28px;color:#444}
.whatsapp-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 15px;border-radius:24px;background:#25D366;color:#fff;text-decoration:none;font-size:11px;font-weight:700;box-shadow:0 7px 18px rgba(37,211,102,.2);transition:transform .25s var(--ease),box-shadow .25s}
.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(37,211,102,.3)}
.whatsapp-btn svg{width:18px;height:18px;fill:currentColor}
.hero{width:80vw;height:555px;margin:0 auto;position:relative;overflow:hidden;border-radius:0 0 22px 22px;box-shadow:0 4px 18px rgba(0,0,0,.10)}
.hero>video,.solutions>video{position:absolute;width:100%;height:100%;object-fit:cover}
.hero>video{object-position:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fffffff2 31%,#ffffff55 62%,transparent 100%)}
.hero-content{height:100%;display:flex;align-items:center;position:relative;padding-top:95px}
.hero-content>div{max-width:530px;padding-left:22px}
.eyebrow{color:var(--gd);font-size:28px;font-weight:700;margin:0}
.hero h1{font-size:43px;line-height:1.04;margin:0 0 17px;color:#333}.hero h1 span{display:block;color:#333}
.lead{font-size:15px;color:#4f514e;max-width:450px;margin:0 0 24px;line-height:1.5}

/* Trust bar */
.trust{margin-top:-28px;position:relative;z-index:5}
.trust-grid{background:var(--g);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.18);display:grid;grid-template-columns:repeat(4,1fr);padding:15px 25px}
.trust-grid>div{min-height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:2px solid rgba(255,255,255,.7);padding:4px 15px}
.trust-grid>div:last-child{border:0}.trust img{width:39px;height:39px;object-fit:contain;margin-bottom:4px}.trust b{font-size:15px;color:#fff;line-height:1.1}.trust small{font-size:10px;color:#eff9e3;margin-top:2px}

/* General sections */
.section{padding:55px 0}.section h2,.brands h2,.reviews h2{font-size:22px;text-align:center;color:#777;margin:0 0 9px}.section-intro{text-align:center;color:#9a9a9a;font-size:12px;margin:0 0 25px}
.services{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:175px;gap:12px}
.services article{height:100%;position:relative;overflow:hidden;border-radius:13px;box-shadow:0 4px 14px rgba(0,0,0,.16);grid-column:span 2}
.services article:nth-child(1),.services article:nth-child(2){grid-column:span 3}
.services article:nth-child(6),.services article:nth-child(7){grid-column:span 3}
.services img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
.services article:after{content:"";position:absolute;inset:43% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));z-index:1}
.services article:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:0;background:var(--g);transition:height .5s var(--ease)}
.services article:hover:before{height:33.333%}
.services article:hover i{background:#535359}
.services article:hover span{text-shadow:none}
.services article:hover img{transform:scale(1.045)}
.services span{position:absolute;z-index:3;bottom:13px;left:15px;color:#fff;font-size:12px;line-height:1.18;text-shadow:0 1px 5px #000;transition:color .35s var(--ease),text-shadow .35s}.services i{position:absolute;z-index:4;right:9px;bottom:9px;width:25px;height:25px;border-radius:50%;background:var(--g);color:#fff;text-align:center;font-style:normal;font-size:20px;line-height:24px;transition:background .35s var(--ease),transform .35s var(--ease)}
.services article:hover i{transform:scale(1.03)}
.cta{padding:2px 0 48px}.cta-box{max-width:1050px;min-height:145px;border-radius:16px;padding:28px 34px;color:#fff;background:#061006;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-shadow:0 7px 22px rgba(0,0,0,.15)}.cta-box:before{content:"";position:absolute;inset:-12%;background-image:url('assets/img/banner-1.png');background-size:cover;background-position:center;transform:translateY(var(--parallax-y,0px)) scale(1.08);will-change:transform}.cta-box>*{position:relative;z-index:1}.cta-box .btn{flex:none}.cta h3{font-size:19px;margin:0 0 5px}.cta p{font-size:11px;margin:0;color:#dce4d8}

/* 360 scroll-trigger */
.solutions{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#000;color:#fff;scroll-margin-top:0}
.solutions>video{position:absolute;width:44%;height:58%;right:3.5%;top:23%;object-position:center;object-fit:cover;opacity:0;transition:opacity .55s ease;border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.45);z-index:1}.solutions.video-visible>video{opacity:1}.solutions-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.92) 45%,rgba(0,0,0,.35) 72%,rgba(0,0,0,.08) 100%);z-index:0}
.sol-content{position:relative;height:100%;padding-top:34px;z-index:2}.sol-title{display:flex;align-items:center;justify-content:center}.sol-title img{width:min(440px,52vw);height:auto}
.sol-stage{position:absolute;left:0;right:0;top:51%;transform:translateY(-43%);height:445px;display:flex;align-items:center}.sol-copy{display:flex;gap:38px;align-items:center;max-width:54%;position:relative;z-index:3}.timeline{height:250px;width:12px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;flex:none}.timeline:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#697069}.timeline i{width:9px;height:9px;border-radius:50%;background:#777;z-index:1;transition:.35s}.timeline i.active{background:var(--g);box-shadow:0 0 15px var(--g);transform:scale(1.35)}
.sol-copy-text{min-height:245px;max-width:660px;display:flex;flex-direction:column;justify-content:center}.sol-kicker{font-size:10px;color:var(--g);font-weight:700;letter-spacing:1.4px;margin:0 0 8px}.sol-copy h2{font-size:34px;line-height:1.14;margin:0 0 16px}.sol-copy h2 strong{color:var(--g)}.sol-description{font-size:13px;line-height:1.7;color:#d3d8d3;max-width:590px;margin:0}.sol-progress{position:absolute;left:0;bottom:6px;display:flex;gap:8px;flex-wrap:wrap}.sol-dot{border:1px solid rgba(145,207,61,.45);background:rgba(0,0,0,.25);color:#dce9d2;border-radius:20px;padding:9px 14px;font-size:10px;transition:.3s}.sol-dot.active,.sol-dot:hover{background:var(--g);border-color:var(--g);color:#fff}.scroll-mouse{position:absolute;left:0;right:auto;bottom:24px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.78);font-size:9px;letter-spacing:1.4px}.mouse-icon{width:17px;height:28px;border:1px solid rgba(255,255,255,.75);border-radius:10px;position:relative;display:inline-block}.mouse-icon i{position:absolute;width:3px;height:6px;border-radius:3px;background:var(--g);left:50%;top:5px;transform:translateX(-50%);animation:mouseWheel 1.35s infinite}.mouse-arrow{font-size:16px;color:var(--g);animation:bounce 1.4s infinite}.mouse-label{font-weight:700}@keyframes mouseWheel{0%,100%{transform:translate(-50%,0);opacity:.5}50%{transform:translate(-50%,5px);opacity:1}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* Cases */
.cases-section{padding-top:92px;padding-bottom:98px}.cases{display:flex;align-items:center;gap:16px}.track{display:flex;gap:20px;overflow:hidden;scroll-behavior:smooth;padding:10px 4px;width:100%}.track article{flex:0 0 270px;min-height:335px;border-radius:11px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.14);padding-bottom:14px;background:#fff}.track img{width:100%;height:245px;object-fit:cover}.track small,.track b,.track span{display:block;padding:0 13px}.track small{font-size:9px;color:#777;margin-top:9px}.track b{font-size:12px;margin-top:2px}.track span{font-size:9px;color:#777;margin-top:3px}.arrow{flex:none;border:0;width:36px;height:36px;border-radius:50%;font-size:28px;background:#e8e8e8;color:#6ea72d;cursor:pointer;transition:.2s}.arrow:hover{background:var(--g);color:#fff}

/* Infinite brands */
.brands{padding:45px 0 80px}.brand-carousel{overflow:hidden;width:100%;padding:10px 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.brand-track{display:flex;width:max-content;animation:brandScroll 24s linear infinite}.brand-carousel:hover .brand-track{animation-play-state:paused}.brand-set{display:flex;align-items:center;gap:68px;padding:18px 34px;flex:none}.brand-set img{width:175px;height:70px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.2s}.brand-set img:hover{opacity:1}@keyframes brandScroll{to{transform:translateX(-50%)}}

/* Reviews */
.reviews{padding:42px 0 75px;background:#fff}.sub{text-align:center;font-size:12px;color:#aaa;margin:-1px 0 30px}.reviews-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;max-width:1050px;margin:auto}.review-card{border:0;border-radius:0;padding:0;background:#fff;box-shadow:none}.review-paper{width:100%;aspect-ratio:1.34/1;background:#d9d9d9;border-radius:2px;box-shadow:0 10px 28px rgba(0,0,0,.10);position:relative;overflow:hidden}.review-paper:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 45%,rgba(0,0,0,.035));pointer-events:none}.review-info{display:flex;align-items:center;gap:12px;padding:16px 4px 0}.review-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e0eadf;color:#4e674c;font-size:11px;font-weight:700;flex:none}.review-info b{display:block;font-size:12px;color:#333}.review-info small{display:block;color:#999;font-size:10px;margin-top:4px}
footer{background:var(--gray);color:#fff;padding:28px 0}.foot{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 180px;gap:35px}.foot b{font-size:9px;display:block;margin-bottom:7px}.foot a{display:block;color:#ddd;text-decoration:none;font-size:8px;line-height:1.55}.foot img{width:125px;align-self:center;justify-self:end;filter:brightness(0) invert(1)}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s var(--ease) 1s,transform .85s var(--ease) 1s}.reveal.is-visible{opacity:1;transform:none}.services article{opacity:0;transform:translateY(25px);transition:opacity .6s var(--ease) 1s,transform .65s var(--ease) 1s}.is-visible .services article{opacity:1;transform:none}.is-visible .services article:nth-child(2){transition-delay:1.06s}.is-visible .services article:nth-child(3){transition-delay:1.12s}.is-visible .services article:nth-child(4){transition-delay:1.18s}.is-visible .services article:nth-child(5){transition-delay:1.24s}.is-visible .services article:nth-child(6){transition-delay:1.30s}.is-visible .services article:nth-child(7){transition-delay:1.36s}

/* Modal */
.modal{display:none;position:fixed;z-index:100;inset:0;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.backdrop{position:absolute;inset:0;background:#000a;backdrop-filter:blur(4px)}.dialog{position:relative;z-index:2;background:#fff;border-radius:20px;width:min(680px,100%);max-height:90vh;overflow:auto;padding:28px;box-shadow:0 30px 80px #0005}.close{position:absolute;right:16px;top:14px;border:0;background:#f0f2ed;width:36px;height:36px;border-radius:50%;font-size:26px;color:#555;cursor:pointer}.modal-head{display:flex;gap:15px;padding-right:35px;margin-bottom:20px}.leaf{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eff8df;color:var(--gd);font-size:22px}.modal-head .eyebrow{font-size:12px}.modal-head h2{margin:2px 0 5px;font-size:25px}.modal-head p:last-child{margin:0;color:#777;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog label{display:block;font-size:11px;font-weight:bold;color:#4b4d4c;margin-bottom:12px}.dialog input,.dialog select,.dialog textarea{display:block;width:100%;margin-top:6px;border:1px solid #d9ded8;border-radius:10px;padding:11px 12px;outline:0}.dialog input:focus,.dialog select:focus,.dialog textarea:focus{border-color:var(--g)}.dialog textarea{resize:vertical}.submit{width:100%;margin-top:2px}.note{display:block;text-align:center;color:#999;font-size:9px;margin-top:8px}.success{display:none;background:#eef8df;color:#5b842c;padding:10px;border-radius:9px;text-align:center;font-size:11px;margin-top:10px}.success.show{display:block}

@media(max-width:1000px){.header{width:calc(100% - 28px)}.nav{gap:18px}.menu{gap:15px}.whatsapp-btn span{display:none}.whatsapp-btn{width:42px;padding:0}.hero{width:80vw;height:530px}.services{grid-template-columns:repeat(2,1fr)}.services article,.services article:nth-child(1),.services article:nth-child(2),.services article:nth-child(6),.services article:nth-child(7){grid-column:span 1}.services article:nth-child(6),.services article:nth-child(7){grid-column:span 1}.brand-set{gap:35px}.brand-set img{width:125px}.reviews-grid{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}.foot img{justify-self:start}.solutions{min-height:650px}.sol-title img{width:390px}.sol-stage{height:410px}.sol-copy{max-width:650px}.sol-copy h2{font-size:30px}}
@media(max-width:700px){.container{width:calc(100% - 28px)}.header{top:10px;width:calc(100% - 20px);border-radius:15px}.nav{height:68px;padding:0 12px 0 17px;gap:12px}.brand img{width:94px}.whatsapp-btn{width:38px;height:38px;min-height:38px;padding:0}.whatsapp-btn span{display:none}.nav-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:17px;border-radius:15px;box-shadow:0 12px 38px rgba(0,0,0,.22);flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a,.menu button{text-align:center}.hero{width:calc(100% - 12px);height:510px;margin-top:78px;border-radius:0 0 15px 15px}.hero-shade{background:linear-gradient(180deg,#ffff 0%,#ffff 43%,#ffffff2b 100%)}.hero-content{align-items:flex-start;padding-top:160px}.hero-content>div{padding-left:5px}.eyebrow{font-size:23px}.hero h1{font-size:35px}.lead{font-size:13px}.trust{margin-top:-18px}.trust-grid{grid-template-columns:1fr 1fr;padding:8px}.trust-grid>div{padding:10px 4px;border-right:0;border-bottom:1px solid #fff8}.trust-grid>div:nth-child(3),.trust-grid>div:nth-child(4){border-bottom:0}.trust b{font-size:13px}.trust small{font-size:8px}.section{padding:35px 0}.services{grid-template-columns:1fr;grid-auto-rows:170px}.services article,.services article:nth-child(1),.services article:nth-child(2),.services article:nth-child(6),.services article:nth-child(7){grid-column:span 1}.cta-box{display:block;padding:22px}.cta .btn{margin-top:13px}.solutions{height:100vh;min-height:620px}.solutions-shade{background:linear-gradient(90deg,#000e,#000a),linear-gradient(0deg,#000c,transparent)}.sol-content{padding-top:25px}.sol-title{justify-content:flex-start;padding-left:4px}.sol-title img{width:245px}.solutions>video{width:48%;height:40%;right:3%;top:29%}.sol-stage{top:49%;height:380px}.sol-copy{gap:17px;max-width:96%}.timeline{height:245px}.sol-copy h2{font-size:22px}.sol-description{font-size:11px}.sol-progress{left:10px;right:0;bottom:5px;gap:6px}.sol-dot{padding:7px 10px;font-size:9px}.scroll-mouse{left:10px;right:auto;bottom:24px;font-size:8px}.cases-section{padding-top:65px;padding-bottom:70px}.track article{flex-basis:220px;min-height:285px}.track img{height:205px}.brand-set{gap:28px;padding:12px 18px}.brand-set img{width:125px;height:55px}.brand-track{animation-duration:18s}.brand-carousel{mask-image:none}.reviews-grid{grid-template-columns:1fr}.review-paper{aspect-ratio:1.25/1}.foot{grid-template-columns:1fr 1fr;gap:25px}.foot img{grid-column:1/-1;justify-self:center}.form-grid{grid-template-columns:1fr}.dialog{padding:22px}.modal-head h2{font-size:21px}}
@media(max-width:430px){.hero{height:525px}.solutions{min-height:600px}.sol-copy h2{font-size:20px}.timeline{height:205px}.sol-title img{width:220px}.foot{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.services article{transition:none}.brand-track{animation:none}.scroll-hint span{animation:none}}

/* Final layout refinements */
html{scroll-padding-top:110px}
@media(max-width:700px){html{scroll-padding-top:88px}.header{top:10px}.hero{width:calc(100% - 12px)}}
@media(max-width:1000px) and (min-width:701px){.hero{width:80vw}}


/* ===== Ajustes v4 ===== */
.container{width:min(calc(100% - 24px),1320px)}
.hero{width:95vw;height:80vh;min-height:560px;max-height:900px}

/* Soluciones 360: título alineado arriba/izquierda y animaciones */
.solutions{height:100vh;min-height:720px}
.sol-content{padding-top:118px}
.sol-title{justify-content:flex-start;align-items:flex-start;padding-left:0;margin-bottom:12px}
.sol-title img{width:min(430px,42vw);animation:solTitleIn .85s var(--ease) 1s both}
.sol-copy-text{animation:solTextIn .7s var(--ease) 1s both}
.sol-copy-text.step-changing{animation:none}
.sol-copy-text.step-changing .sol-kicker,
.sol-copy-text.step-changing h2,
.sol-copy-text.step-changing .sol-description{animation:solTextIn .7s var(--ease) 1s both}
.sol-copy-text.step-changing h2{animation-delay:.08s}
.sol-copy-text.step-changing .sol-description{animation-delay:.16s}
@keyframes solTitleIn{from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:none}}
@keyframes solTextIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

/* El video se contiene completo sin recortar */
.solutions>video{object-fit:contain;object-position:center;right:2%;width:50%;height:68%;top:17%;background:#000}

/* Mouse: más arriba y centrado respecto al bloque de texto */
.scroll-mouse{left:0;right:auto;bottom:82px;justify-content:center;width:min(54%,700px)}

@media(max-width:1000px){
  .container{width:calc(100% - 24px)}
  .hero{width:95vw;height:80vh;min-height:500px}
  .sol-content{padding-top:105px}
  .sol-title img{width:390px}
  .solutions>video{width:50%;height:60%;right:2%;top:22%;object-fit:contain}
  .scroll-mouse{width:55%;bottom:70px}
}
@media(max-width:700px){
  .container{width:calc(100% - 20px)}
  .hero{width:95vw;height:80vh;min-height:500px;margin-top:78px}
  .sol-content{padding-top:94px}
  .sol-title{padding-left:0;margin-bottom:8px}
  .sol-title img{width:245px}
  .solutions>video{width:56%;height:44%;right:2%;top:27%;object-fit:contain}
  .scroll-mouse{width:100%;left:0;bottom:58px;justify-content:center}
}

/* ===== Ajustes v5 ===== */
/* Home: sin degradado y mensaje centrado */
.hero{width:95vw;height:80vh;min-height:560px;max-height:900px}
.hero-shade{display:none}
.hero-content{width:100%;height:100%;padding:0;display:grid;place-items:center;text-align:center;position:relative}
.hero-content h1{margin:0 auto;max-width:1050px;padding:0 28px;color:#fff;font-size:clamp(30px,4.1vw,64px);line-height:1.08;letter-spacing:.02em;text-shadow:0 3px 14px rgba(0,0,0,.88),0 1px 3px rgba(0,0,0,.95);font-weight:800}

/* Menos aire lateral en toda la página */
.container{width:min(calc(100% - 10px),1400px)}

/* Soluciones: queda debajo de las siguientes secciones como una capa fija */
.solutions{position:sticky;top:0;z-index:1;filter:blur(var(--solution-blur,0px));transform:scale(calc(1 + var(--solution-scale,0)));transform-origin:center top;transition:filter .18s linear,transform .18s linear}
.cases-section,.brands,.reviews,footer{position:relative;z-index:5;background:#fff}
.cases-section{box-shadow:0 -20px 45px rgba(0,0,0,.10)}
.brands,.reviews{box-shadow:0 -14px 35px rgba(0,0,0,.04)}

/* Flechas de casos con los assets proporcionados */
.arrow{display:grid;place-items:center;padding:0;overflow:hidden}
.arrow img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s ease}
.arrow:hover img{transform:scale(1.08)}

@media(max-width:700px){
  .container{width:calc(100% - 8px)}
  .hero{width:95vw;height:80vh;min-height:500px}
  .hero-content h1{padding:0 14px;font-size:clamp(27px,8vw,42px)}
}


/* ===== Ajustes v6 ===== */
/* Tipografía */
.cta h3{font-size:23px}
.hero-content h1{font-size:clamp(24px,3.6vw,58px);line-height:1.08;max-width:920px}
.hero-content h1 span{display:block}
/* Incremento general de 2px para la tipografía secundaria */
.menu{font-size:14px}.menu a span{font-size:12px}.btn{font-size:14px}.whatsapp-btn{font-size:13px}
.trust b{font-size:17px}.trust small{font-size:12px}
.section h2,.brands h2,.reviews h2{font-size:24px}.section-intro{font-size:14px}
.services span{font-size:14px}.services i{font-size:22px}
.cta p{font-size:13px}
.sol-kicker{font-size:12px}.sol-copy h2{font-size:36px}.sol-description{font-size:15px}.sol-dot{font-size:12px}
.track small{font-size:11px}.track b{font-size:14px}.track span{font-size:11px}
.sub{font-size:13px}.reviews header>span{font-size:12px}.reviews header b{font-size:12px}.reviews header small{font-size:10px}.reviews article p{font-size:12px}
.foot b{font-size:11px}.foot a{font-size:10px}
/* Footer: fondo restaurado */
footer{background:#55565b!important;color:#fff!important;position:relative;z-index:10;min-height:150px}
/* Blur progresivo mientras las siguientes secciones suben */
.solutions.is-under-next-section{will-change:filter,transform}
/* El bloqueo se usa sólo durante los capítulos; al terminar, el scroll vuelve a ser normal */


/* ===== Ajustes v7 ===== */
/* Hero: blanco, tres líneas y 6px menos aprox. */
.hero-content h1{color:#fff!important;font-size:clamp(18px,2.5vw,52px)!important;line-height:1.08!important;text-shadow:0 3px 14px rgba(0,0,0,.88),0 1px 3px rgba(0,0,0,.95)}
.hero-content h1 span{color:#fff!important;display:block}
/* Pleca de beneficios más alta; iconos y texto separados 20px extra. */
.trust-grid{padding-top:20px;padding-bottom:20px}
.trust img{margin-bottom:24px}
.trust b{font-size:19px!important;color:#535359!important}
.trust small{font-size:14px!important;color:#535359!important;margin-top:3px}
/* Footer */
footer{border-top:4px solid var(--g)!important}
/* Pin de Soluciones: permite que las siguientes secciones avancen sobre ella sin dejar la página bloqueada. */
.solutions-pin{height:200vh;position:relative;z-index:1}
.solutions-pin .solutions{position:sticky;top:0;height:100vh;min-height:720px}
.cases-section,.brands,.reviews,footer{position:relative;z-index:5;background:#fff}
.solutions-pin.completed{pointer-events:none}
.solutions.solution-done{filter:blur(var(--solution-blur,0px));}
@media(max-width:700px){
  .hero-content h1{font-size:clamp(17px,6.2vw,34px)!important}
  .trust-grid{padding-top:18px;padding-bottom:18px}
  .trust img{margin-bottom:22px}
  .trust b{font-size:17px!important}.trust small{font-size:13px!important}
  .solutions-pin{height:180vh}
  .solutions-pin .solutions{min-height:600px}
}


/* ===== Ajustes v8 ===== */
/* Hero: mantener el mensaje explícitamente en tres líneas. */
.hero-content h1{max-width:900px}
.hero-content h1 span{display:block}

/* Banner de proyecto: misma huella horizontal que Productos y Servicios. */
.cta{width:100%;}
.cta .container.cta-box{width:min(calc(100% - 10px),1400px);max-width:none;min-height:145px;}

/* La sección 360 funciona como capa inferior mientras las siguientes suben. */
.solutions-pin{height:145vh;}
.solutions-pin .solutions{z-index:1;}
.cases-section,.brands,.reviews,footer{z-index:5;}

@media(max-width:700px){
  .cta .container.cta-box{width:calc(100% - 8px);}
  .solutions-pin{height:135vh;}
  .hero-content h1{max-width:92vw;}
}


/* ===== Ajustes solicitados: menú de referencia + entrada del texto del hero ===== */
@media(min-width:701px){
  .header{
    top:15px;
    left:15px;
    transform:none;
    width:min(1168px,calc(100% - 110px));
    height:64px;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    backdrop-filter:none;
  }
  .nav{
    position:relative;
    width:83%;
    height:60px;
    padding:0px 6px 0px 50px;
    background:#fff;
    border-radius:0 34px 34px 0;
    box-shadow:0 10px 30px rgba(0,0,0,.30),0 3px 8px rgba(0,0,0,.18);
    gap:0;
  }
  .brand{
    position:absolute;
    z-index:3;
    left:0;
    top:0;
    width:217px;
    height:117px;
    padding:0 8px;
    justify-content:center;
    align-items:flex-start;
    background:#fff;
    border-radius:35px;
    box-shadow:0 5px 13px rgba(0,0,0,.10);
  }
  .brand img{
    width:200px;
    max-width:none;
    height:auto;
    margin-top:7px;
  }
  .menu{
    margin-left:auto;
    height:64px;
    gap:25px;
    padding-right:0;
    font-size:14px;
  }
  .menu .btn{
    margin-left:13px;
    padding:13px 24px;
    font-size:14px;
  }
  .whatsapp-btn{
    position:fixed;
    z-index:25;
    top:15px;
    right:26px;
    width:64px;
    height:64px;
    min-height:64px;
    padding:0;
    border-radius:50%;
    box-shadow:0 5px 14px rgba(0,0,0,.18);
  }
  .whatsapp-btn span{display:none}
  .whatsapp-btn svg{width:38px;height:38px}
}

/* El mensaje del hero aparece únicamente después de 10 segundos de carga. */
.hero-delayed-title{
  opacity:0;
  animation:heroTitleFadeIn 1.2s ease-out 10s forwards;
  will-change:opacity;
}
@keyframes heroTitleFadeIn{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:700px){
  .hero-delayed-title{
    animation:heroTitleFadeIn 1.2s ease-out 10s forwards;
  }
}

/* ===== Ajustes adicionales ===== */
@media(min-width:701px){
  /* Integrar el bloque del logotipo con la pleca blanca */
  .brand{
    box-shadow:0 10px 28px rgba(0,0,0,.26),0 3px 8px rgba(0,0,0,.16);
    border-radius:35px 0 35px 35px;
  }

  /* Bajar 20px el video/hero de inicio y redondear sus esquinas superiores */
  .hero{
    margin-top:20px;
    border-radius:22px 22px 22px 22px;
  }
  .hero>video{
    border-radius:22px 22px 0 0;
  }
}

@media(max-width:700px){
  .hero{
    margin-top:98px;
    border-radius:18px 18px 15px 15px;
  }
  .hero>video{
    border-radius:18px 18px 0 0;
  }
}

/* ===== Ajustes solicitados v8 ===== */
@media(min-width:701px){
  /* Logo integrado con la pleca: sin sombra y con una sola superficie blanca */
  .nav{box-shadow:0 10px 30px rgba(0,0,0,.30),0 3px 8px rgba(0,0,0,.18)}
  .brand{
    width:217px;
    height:117px;
    top:0;
    left:0;
    padding:0 8px;
    background:#fff;
    border-radius:0 0 35px 35px;
    box-shadow:none;
  }
  .menu{
    margin-left:229px;
    gap:40px;
  }
}

/* Video de Soluciones 360: más grande, conservando el encuadre completo */
.solutions>video{width:58%;height:100%;right:1%;top:0%;object-fit:contain}
@media(max-width:1000px) and (min-width:701px){
  .solutions>video{width:58%;height:100%;right:1%;top:0%;object-fit:contain}
}
@media(max-width:700px){
  .solutions>video{width:63%;height:100%;right:1%;top:0%;object-fit:contain}
}

/* Reviews: un testimonio por slide, imagen a pantalla completa y cambio automático */
.reviews{padding:0;background:#ffffff;overflow:hidden;box-shadow:none}
.reviews-slider{position:relative;width:100%;height:560px;min-height:460px;overflow:hidden}
.review-slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 24px;
  background-size:contain;
  background-position:center;
  background-repeat: no-repeat;
  opacity:0;
  visibility:hidden;
  transition:opacity .8s ease,visibility .8s ease;
}
.review-slide:before{
  content:"";
  position:absolute;
  inset:0;
  
}
.review-slide.is-active{opacity:1;visibility:visible}
.review-slide-content{
  position:relative;
  z-index:1;
  width:min(850px,90%);
  text-align:center;
  color:#535359;
}
.review-kicker{
  margin:0 0 22px;
  color:#535359;
  font-size:clamp(22px,3vw,38px);
  font-weight:700;
  line-height:1.1;
}
.review-slide blockquote{
  margin:0 auto;
  max-width:800px;
  color:#535359;
  font-size:clamp(15px,1.45vw,21px);
  line-height:1.7;
  font-weight:400;
}
.review-author{
  margin:28px 0 0;
  color:#8DC640;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:700px){
  .reviews-slider{height:500px;min-height:440px}
  .review-slide{padding:30px 18px;background-position:center}
  .review-slide:before{background:#ffffff}
  .review-slide-content{width:92%}
  .review-kicker{font-size:25px;margin-bottom:18px}
  .review-slide blockquote{font-size:15px;line-height:1.6}
  .review-author{font-size:11px;margin-top:22px}
}