@font-face{font-family:"Neuropol";src:url("fonts/NEUROPOL.ttf") format("truetype");font-display:swap}

:root{
  --navy:#06213f; --navy2:#0a3160; --blue:#0a58a8; --cyan:#22b8ea; --teal:#3f8a78;
  --ice:#eef6fc; --white:#fff; --ink:#0c2440; --mute:#4b6480;
  --f-d:"Neuropol","Outfit",system-ui,sans-serif; --f-b:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1); --gut:clamp(16px,4vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--f-b);color:var(--ink);background:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.is-loading{overflow:hidden}
img,video,iframe{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
em{font-style:normal;color:var(--cyan)}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--gut)}
.sec{padding:clamp(72px,11vw,150px) 0;position:relative}
.sec__head{margin-bottom:clamp(36px,6vw,72px);max-width:900px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 .78rem/1 var(--f-b);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}
.eyebrow::before{content:"";width:34px;height:2px;background:currentColor}
.eyebrow--dark{color:var(--blue)}
.h2{font:400 clamp(1.7rem,4vw,3.3rem)/1.12 var(--f-d);margin-top:18px;letter-spacing:.01em;color:var(--navy);overflow-wrap:anywhere}
.h2 em{color:var(--blue)}
.h2--light{color:#fff}.h2--light em{color:var(--cyan)}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;font:500 .95rem/1 var(--f-b);border:0;cursor:pointer;box-shadow:0 10px 30px -10px rgba(34,184,234,.7);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.btn:hover{transform:translateY(-3px);box-shadow:0 16px 36px -10px rgba(34,184,234,.9)}
.btn:hover svg{transform:translateX(5px)}
.btn--glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px);box-shadow:none}
.btn--sm{padding:12px 22px;font-size:.85rem}

/* ---------- ventanas (estilo Windows) ---------- */
.win{--dx:0px;--dy:0px;translate:var(--dx) var(--dy);position:relative;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);box-shadow:0 30px 60px -20px rgba(3,15,35,.55),0 0 0 1px rgba(255,255,255,.06) inset;color:#fff;transition:opacity .5s,scale .45s var(--ease)}
.win__bar{height:14px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.1));border-bottom:1px solid rgba(255,255,255,.25)}
.win__body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s var(--ease)}
.win__body>*{min-height:0;overflow:hidden}
.win__body img{width:100%;height:auto}
.pad{padding:clamp(20px,3vw,34px)}
.win--light{background:rgba(255,255,255,.72);color:var(--ink);border-color:rgba(255,255,255,.9);box-shadow:0 30px 60px -28px rgba(10,88,168,.4)}
.win--light .win__bar{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(230,241,250,.8));border-bottom-color:rgba(10,88,168,.12)}
.win--dark{background:rgba(6,33,63,.82);border-color:rgba(255,255,255,.14)}
.win--glass{background:rgba(255,255,255,.1)}
.win--pop{animation:pop .9s var(--ease) both;animation-delay:var(--d,0s)}
body.is-loading .win--pop{animation-play-state:paused;opacity:0}
@keyframes pop{0%{opacity:0;transform:scale(.82) translateY(30px)}60%{opacity:1;transform:scale(1.03)}100%{opacity:1;transform:none}}

/* reveal general */
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
[data-reveal="left"]{transform:translateX(-70px)}
[data-reveal="right"]{transform:translateX(70px)}
[data-reveal="zoom"]{transform:scale(.88)}
[data-reveal].in{opacity:1;transform:none}
.win[data-reveal]{transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),scale .45s var(--ease)}

/* ---------- precarga ---------- */
.loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;pointer-events:all}
.loader__half{position:absolute;left:0;right:0;height:50.5%;background:linear-gradient(180deg,#fff,#eaf4fc);transition:transform 1s var(--ease)}
.loader__half--t{top:0}.loader__half--b{bottom:0;background:linear-gradient(0deg,#dcecf9,#eaf4fc)}
.loader.done .loader__half--t{transform:translateY(-101%)}.loader.done .loader__half--b{transform:translateY(101%)}
.loader.done .loader__core,.loader.done .loader__bubbles{opacity:0;transform:scale(.94);transition:opacity .4s,transform .5s}
.loader.gone{display:none}
.loader__core{position:relative;width:min(560px,86vw);text-align:center}
.loader__logo{position:relative}
.loader__logo img{width:100%;height:auto;mix-blend-mode:multiply}
.loader__logo .ghost{filter:grayscale(1);opacity:.13}
.loader__logo .fill{position:absolute;inset:0;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='18' viewBox='0 0 160 18'%3E%3Cpath d='M0 9 Q20 0 40 9 T80 9 T120 9 T160 9 V18 H0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='18' viewBox='0 0 160 18'%3E%3Cpath d='M0 9 Q20 0 40 9 T80 9 T120 9 T160 9 V18 H0Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);
  -webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat;-webkit-mask-size:160px 18px,100% 100%;mask-size:160px 18px,100% 100%;
  -webkit-mask-position:0 100%,0 200%;mask-position:0 100%,0 200%}
.loader__bar{height:3px;background:rgba(10,88,168,.14);border-radius:3px;margin:34px 0 14px;overflow:hidden}
.loader__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:3px}
.loader__row{display:flex;justify-content:space-between;font:400 .8rem var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.loader__row b{font-weight:400;font-size:1.3rem;letter-spacing:.04em}
.loader__bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bub{position:absolute;bottom:-40px;border-radius:50%;border:1.5px solid rgba(34,184,234,.5);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(34,184,234,.12));animation:rise linear infinite}
@keyframes rise{to{transform:translate3d(var(--sx,20px),-115vh,0)}}

/* ---------- progreso + nav ---------- */
.progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:60}
.progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--teal))}
.nav{position:fixed;top:14px;left:50%;translate:-50% 0;z-index:50;width:min(1180px,calc(100% - 24px));display:flex;align-items:center;gap:20px;padding:8px 10px 8px 22px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.9);box-shadow:0 12px 40px -14px rgba(3,15,35,.45);transition:transform .5s var(--ease),background .3s}
.nav.hide{transform:translateY(-130%)}
.nav__logo img{height:38px;width:auto}
.nav__links{display:flex;gap:6px;margin-left:auto}
.nav__links a{padding:9px 16px;border-radius:999px;font-size:.88rem;font-weight:500;color:var(--navy);transition:background .3s,color .3s}
.nav__links a:hover,.nav__links a.on{background:rgba(10,88,168,.1);color:var(--blue)}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--navy);position:relative;cursor:pointer}
.burger i{position:absolute;left:13px;right:13px;height:2px;background:#fff;transition:transform .35s var(--ease)}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.burger[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;padding:130px 0 170px;background:radial-gradient(ellipse at 75% 20%,#0d4a8c 0%,transparent 55%),radial-gradient(ellipse at 10% 90%,#0a3d6b 0%,transparent 50%),var(--navy);color:#fff;overflow:hidden}
.hero__inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 var(--gut);display:flex;align-items:center;min-height:calc(100vh - 300px)}
.hero__copy{max-width:680px}
.hero__bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:35% 55%;animation:kb 28s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-1.5%,1%)}}
.hero__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,33,63,.94) 0%,rgba(6,33,63,.78) 42%,rgba(10,88,168,.38) 100%),linear-gradient(180deg,rgba(6,33,63,.55),transparent 30%,rgba(6,33,63,.5))}
.hero__title{font:400 clamp(2.1rem,4.9vw,4.4rem)/1.08 var(--f-d);margin:22px 0;letter-spacing:.01em;overflow-wrap:anywhere}
.hero__lead{max-width:520px;font-size:1.1rem;color:rgba(255,255,255,.8);font-weight:300}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero__facts{display:flex;gap:clamp(18px,3vw,44px);margin-top:46px;flex-wrap:wrap}
.hero__facts b{display:block;font:400 1.5rem var(--f-d);color:var(--cyan)}
.hero__facts span{font-size:.78rem;color:rgba(255,255,255,.65);letter-spacing:.05em}
.stage{position:relative;height:clamp(420px,46vw,620px)}
.pl{position:absolute;left:var(--x);top:var(--y);width:var(--w);rotate:var(--r);transition:transform .25s ease-out;will-change:transform}
.pl .win{animation-fill-mode:both}
.waves{position:absolute;left:-6%;bottom:-1px;width:112%;height:clamp(70px,10vw,140px);z-index:3}
.waves path{animation:sway 9s ease-in-out infinite alternate}
.waves .w1{fill:rgba(34,184,234,.35)}.waves .w2{fill:rgba(255,255,255,.35);animation-duration:12s;animation-direction:alternate-reverse}.waves .w3{fill:#22b8ea;animation-duration:7s}
.waves .w3{fill:var(--cyan)}
@keyframes sway{from{transform:translateX(-4%)}to{transform:translateX(4%)}}

/* ---------- cinta ---------- */
.ribbon{background:var(--cyan);color:var(--navy);overflow:hidden;padding:10px 0;display:grid;gap:4px}
.ribbon__row{overflow:hidden;white-space:nowrap}
.ribbon__track{display:inline-flex;align-items:center;gap:26px;animation:marq 42s linear infinite;padding-right:26px}
.ribbon__row--rev .ribbon__track{animation-direction:reverse;animation-duration:52s}
.ribbon span{font:400 clamp(.9rem,1.6vw,1.15rem) var(--f-d);letter-spacing:.06em;text-transform:uppercase}
.ribbon i{width:9px;height:9px;border-radius:50% 50% 50% 0;rotate:-45deg;background:var(--navy);flex:none}
@keyframes marq{to{transform:translateX(-50%)}}
.ribbon__row--rev .ribbon__track{animation-name:marq}

/* ---------- nosotros con papel tapiz ---------- */
.wall{background:var(--ice);overflow:hidden}
.wall__drops{position:absolute;inset:-200px;opacity:.9;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='%230a58a8' fill-opacity='.075'%3E%3Cpath d='M30 20c-9 12-13 18-13 24a13 13 0 0 0 26 0c0-6-4-12-13-24z'/%3E%3Cpath d='M128 104c-6 8-9 12-9 16a9 9 0 0 0 18 0c0-4-3-8-9-16z'/%3E%3Ccircle cx='110' cy='34' r='6' fill-opacity='.05'/%3E%3Ccircle cx='150' cy='60' r='3.5'/%3E%3Ccircle cx='52' cy='130' r='8' fill-opacity='.05'/%3E%3Ccircle cx='30' cy='158' r='3'/%3E%3C/g%3E%3Cg fill='none' stroke='%230a58a8' stroke-opacity='.08' stroke-width='1.5'%3E%3Ccircle cx='96' cy='150' r='10'/%3E%3Ccircle cx='160' cy='150' r='5'/%3E%3Cpath d='M70 60q10-8 20 0t20 0' /%3E%3C/g%3E%3C/svg%3E");
  background-size:180px 180px;animation:drift 70s linear infinite}
@keyframes drift{to{background-position:360px 360px}}
.wall .wrap{position:relative}
.about{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;align-items:start}
.about>.win:nth-child(1){grid-column:1/5;grid-row:1}
.about>.win:nth-child(2){grid-column:1/3;grid-row:2}
.about>.win:nth-child(3){grid-column:3/5;grid-row:2}
.about>.win:nth-child(4){grid-column:5/7;grid-row:1/3}
.big{font:300 clamp(1.15rem,1.9vw,1.6rem)/1.5 var(--f-b);color:var(--navy);margin-bottom:16px}
.big strong{font-weight:600;color:var(--blue)}
.pad p{color:var(--mute)}
.win--dark .pad p{color:rgba(255,255,255,.82)}
.chip{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(10,88,168,.12);color:var(--blue);font:500 .72rem var(--f-b);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.chip--g{background:rgba(34,184,234,.2);color:var(--cyan)}
.year{display:block;margin-top:14px;font:400 3.4rem/1 var(--f-d);color:transparent;-webkit-text-stroke:1.5px rgba(34,184,234,.7)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;padding-top:24px;border-top:1px solid rgba(10,88,168,.15)}
.stats b{display:block;font:400 clamp(1.5rem,2.6vw,2.3rem) var(--f-d);color:var(--blue)}
.stats small{font-size:.78rem;color:var(--mute);line-height:1.3;display:block}
.win--video video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}

/* ---------- servicios (mitades) ---------- */
.services{background:#fff;padding-top:clamp(72px,10vw,130px)}
.services__head{margin-bottom:clamp(36px,5vw,64px)}
.svc{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(84vh,760px);border-top:1px solid rgba(10,88,168,.1)}
.svc::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;translate:-1px 0;background:linear-gradient(180deg,var(--cyan),var(--blue) 60%,var(--teal));transform:scaleY(0);transform-origin:top;transition:transform 1.3s var(--ease) .2s;z-index:3}
.svc.in::after{transform:scaleY(1)}
.svc__img{position:relative;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.4s var(--ease);background:var(--navy)}
.svc.in .svc__img{clip-path:inset(0 0 0 0)}
.svc__img img{position:absolute;inset:0;width:100%;height:100%}
.svc__img .bg{object-fit:cover;filter:blur(28px) brightness(.75) saturate(1.2);scale:1.2}
.svc__img .fg{object-fit:contain;transition:scale 1.6s var(--ease);scale:1.06}
.svc.in .svc__img .fg{scale:1}
.svc__txt{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,90px);opacity:0;transform:translateX(70px);transition:opacity 1s var(--ease) .5s,transform 1.1s var(--ease) .5s;overflow:hidden}
.svc.in .svc__txt{opacity:1;transform:none}
.svc__n{position:absolute;right:clamp(16px,3vw,44px);top:clamp(6px,2vw,24px);font:400 clamp(5rem,13vw,11rem)/1 var(--f-d);color:transparent;-webkit-text-stroke:1.5px rgba(10,88,168,.18);pointer-events:none}
.svc__txt h3{position:relative;font:400 clamp(1.3rem,2.4vw,2.1rem)/1.2 var(--f-d);color:var(--navy);margin-bottom:18px;overflow-wrap:anywhere}
.svc__txt p{position:relative;color:var(--mute);max-width:470px;font-size:1.05rem}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tags li{padding:6px 14px;border-radius:999px;border:1px solid rgba(10,88,168,.25);color:var(--blue);font-size:.8rem;font-weight:500;background:rgba(238,246,252,.6)}
/* filas pares: imagen a la derecha, todo entra desde el otro lado */
.svc:nth-of-type(even) .svc__img{order:2;clip-path:inset(0 0 0 100%)}
.svc:nth-of-type(even).in .svc__img{clip-path:inset(0 0 0 0)}
.svc:nth-of-type(even) .svc__txt{order:1;transform:translateX(-70px);background:linear-gradient(90deg,var(--ice),#fff)}
.svc:nth-of-type(even).in .svc__txt{transform:none}
.svc:nth-of-type(even) .svc__n{right:auto;left:clamp(16px,3vw,44px)}

/* ---------- alcance ---------- */
.scope{background:var(--navy);color:#fff;overflow:hidden}
.scope::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(34,184,234,.22),transparent 60%);pointer-events:none}
.scope__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.scope__c{position:relative;padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;gap:16px;overflow:hidden;transition:background .4s}
.scope__c+.scope__c{border-left:1px solid rgba(255,255,255,.14)}
.scope__c::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--teal));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.scope__c:hover{background:rgba(34,184,234,.1)}.scope__c:hover::before{transform:scaleX(1)}
.scope__c svg{width:54px;height:54px;color:var(--cyan)}
.scope__c h3{font:400 clamp(1.05rem,1.7vw,1.35rem)/1.25 var(--f-d)}
.scope__c p{color:rgba(255,255,255,.72);font-weight:300}

/* ---------- parallax ---------- */
.plx{position:relative;height:110vh;min-height:620px;overflow:hidden;display:grid;place-items:center;background:var(--navy)}
.plx__img{position:absolute;left:0;right:0;top:-18%;height:136%;will-change:transform}
.plx__img img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.plx__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,33,63,.55),rgba(6,33,63,.15) 45%,rgba(6,33,63,.65))}
.plx__box{position:relative;width:min(760px,calc(100% - 32px));background:rgba(6,33,63,.32)}
.plx__box h2{font:400 clamp(1.5rem,3.6vw,2.8rem)/1.15 var(--f-d);margin-bottom:16px;overflow-wrap:anywhere}
.plx__box p{color:rgba(255,255,255,.85);margin-bottom:26px;font-size:1.08rem}

/* ---------- galería cruzada ---------- */
.gallery{background:var(--ice);overflow:hidden;padding-bottom:clamp(60px,9vw,120px)}
.strip{overflow:hidden;margin-top:18px}
.strip__track{display:flex;gap:16px;width:max-content;will-change:transform}
.strip img{height:clamp(200px,30vh,320px);width:auto;flex:none;transition:transform .5s var(--ease),filter .5s;border-radius:2px}
.strip img:hover{transform:scale(1.03);filter:saturate(1.2)}

/* ---------- contacto ---------- */
.contact{background:radial-gradient(ellipse at 20% 0%,#0d4a8c,transparent 55%),var(--navy);color:#fff;overflow:hidden}
.contact__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:stretch}
.contact .win{display:flex;flex-direction:column}
.contact .win__body{flex:1}
.clist li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.clist small{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.clist b,.clist a{font-weight:500;font-size:1.02rem}
.clist a:hover{color:var(--cyan)}
.form{display:grid;gap:12px;margin-top:22px}
.form label{display:grid;gap:5px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font:400 .95rem var(--f-b);outline:none;transition:border-color .3s,background .3s}
.form select option{color:#000}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.4)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--cyan);background:rgba(255,255,255,.14)}
.form .btn{justify-content:center;margin-top:6px}
.win--map .win__body>*{overflow:visible}
.win--map .win__body{position:relative}
.win--map iframe{width:100%;height:100%;min-height:560px;border:0;filter:saturate(1.05)}
.maplink{position:absolute;left:14px;bottom:14px;padding:10px 16px;border-radius:999px;background:#fff;color:var(--blue);font-size:.82rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.3)}

/* ---------- footer ---------- */
.foot{background:#04162b;color:rgba(255,255,255,.7);padding:46px 0 90px;text-align:center}
.foot__in{display:grid;gap:16px;justify-items:center}
.foot__logo{height:54px;width:auto;background:#fff;padding:8px 14px;border-radius:12px}
.foot p{font-size:.9rem;max-width:560px}.foot small{font-size:.75rem;opacity:.6}

/* ---------- whatsapp ---------- */
.wa{position:fixed;right:20px;bottom:20px;z-index:70;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px -6px rgba(37,211,102,.7);transition:transform .3s var(--ease)}
.wa:hover{transform:scale(1.1) rotate(-6deg)}
.wa svg{width:32px;height:32px}
.wa::before,.wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:ping 2.4s ease-out infinite}
.wa::after{animation-delay:1.2s}
@keyframes ping{from{transform:scale(1);opacity:.8}to{transform:scale(1.9);opacity:0}}
.wa__tip{position:absolute;right:76px;top:50%;translate:0 -50%;white-space:nowrap;padding:10px 16px;border-radius:12px;background:#fff;color:var(--navy);font-size:.85rem;font-weight:500;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transform:translateX(14px);transition:.5s var(--ease);pointer-events:none}
.wa__tip.show{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .nav__links{position:fixed;top:78px;left:12px;right:12px;flex-direction:column;padding:14px;border-radius:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(3,15,35,.4);opacity:0;pointer-events:none;transform:translateY(-12px) scale(.97);transition:.35s var(--ease);margin:0}
  .nav__links.open{opacity:1;pointer-events:auto;transform:none}
  .nav__links a{padding:14px 18px;font-size:1rem}
  .burger{display:block;margin-left:auto}
  .nav__cta{display:none}
}
@media (max-width:980px){
  .hero__inner{min-height:0}
  .hero__shade{background:linear-gradient(180deg,rgba(6,33,63,.85),rgba(6,33,63,.7) 60%,rgba(6,33,63,.85))}
  .about{grid-template-columns:1fr 1fr}
  .about>.win:nth-child(n){grid-column:auto;grid-row:auto}
  .about>.win:nth-child(1){grid-column:1/-1}
  .about>.win:nth-child(4){grid-column:1/-1;justify-self:center;width:min(360px,100%)}
  .contact__grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .svc{grid-template-columns:1fr;min-height:0}
  .svc::after{left:0;right:0;top:auto;bottom:auto;width:auto;height:2px;top:min(60vw,460px);translate:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--teal))}
  .svc.in::after{transform:scaleX(1)}
  .svc__img{height:min(60vw,460px);order:0!important}
  .svc:nth-of-type(n) .svc__img{clip-path:inset(0 100% 0 0)}
  .svc:nth-of-type(n).in .svc__img{clip-path:inset(0)}
  .svc__txt{order:1!important;padding:34px var(--gut) 44px;transform:translateY(40px)!important}
  .svc.in .svc__txt{transform:none!important}
  .svc:nth-of-type(even) .svc__txt{background:none}
  .svc__n{position:static!important;font-size:3.2rem;margin-bottom:8px;-webkit-text-stroke:1.2px rgba(10,88,168,.3)}
}
@media (max-width:760px){
  [data-reveal=left]{transform:translateX(-28px)}
  [data-reveal=right]{transform:translateX(28px)}
  .win--map iframe{min-height:380px}

  .scope__grid{grid-template-columns:1fr}
  .scope__c+.scope__c{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .about{grid-template-columns:1fr}
  .about>.win:nth-child(n){grid-column:1!important}
  .about>.win:nth-child(4){width:100%}
  .stats{grid-template-columns:1fr 1fr 1fr}
  .pl{transform:none!important}
  .wa{right:14px;bottom:14px;width:56px;height:56px}
  .wa__tip{display:none}
  .hero{padding-top:110px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}

@media (max-width:400px){
  .hero__title{font-size:1.85rem}
  .h2{font-size:1.45rem}
  .btn{padding:14px 20px;font-size:.9rem}
  .hero__cta .btn{width:100%;justify-content:center}
  .nav{padding-left:14px}.nav__logo img{height:32px}
  .stats{gap:8px}.stats small{font-size:.7rem}
  .plx__box h2{font-size:1.35rem}
}
@media (min-width:1600px){
  .wrap,.hero__inner{max-width:1440px}
  .nav{width:min(1320px,calc(100% - 24px))}
}
@media (hover:none){.strip img:hover{transform:none;filter:none}}

/* ================= subpáginas ================= */
.phero{position:relative;min-height:68vh;min-height:68svh;padding:150px 0 130px;color:#fff;background:var(--navy);overflow:hidden;display:flex;align-items:flex-end}
.phero .hero__bg img{object-position:50% 50%}
.phero__in{position:relative;z-index:2;width:100%}
.crumbs{display:flex;gap:10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:20px}
.crumbs a:hover{color:var(--cyan)}
.phero h1{font:400 clamp(1.9rem,4.6vw,3.8rem)/1.1 var(--f-d);max-width:900px;overflow-wrap:anywhere}
.phero h1 em{color:var(--cyan)}
.phero p{max-width:640px;margin-top:20px;font-size:1.08rem;font-weight:300;color:rgba(255,255,255,.85)}
.specs{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,56px);margin-top:36px}
.specs b{display:block;font:400 clamp(1.5rem,3vw,2.4rem) var(--f-d);color:var(--cyan)}
.specs span{font-size:.78rem;letter-spacing:.06em;color:rgba(255,255,255,.7)}

.intro{background:var(--ice);position:relative;overflow:hidden}
.intro__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);align-items:start}
.intro .big{margin:0}
.intro__side p{color:var(--mute);margin-bottom:14px}
.checks{display:grid;gap:10px;margin-top:20px}
.checks li{display:flex;gap:12px;align-items:flex-start;color:var(--ink);font-weight:500}
.checks li::before{content:"";flex:none;width:12px;height:12px;margin:8px 4px 0 0;border-radius:50% 50% 50% 0;rotate:-45deg;background:linear-gradient(135deg,var(--cyan),var(--blue))}

.svc__meta{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font:500 .78rem var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--teal);position:relative}
.svc__meta svg{width:16px;height:16px}
.spec{position:relative;display:flex;align-items:baseline;gap:10px;margin-top:22px}
.spec b{font:400 clamp(2.2rem,4.4vw,3.6rem)/1 var(--f-d);color:var(--blue)}
.spec span{color:var(--mute);font-size:.9rem;max-width:200px;line-height:1.3}
.subhead{padding:clamp(56px,8vw,100px) 0 clamp(20px,3vw,36px);background:#fff}
.subhead .sec__head{margin-bottom:0}

/* carrusel con pies de foto */
.rail-sec{background:var(--ice);padding:clamp(56px,8vw,110px) 0}
.rail-sec--white{background:#fff}
.rail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.rail-head .sec__head{margin-bottom:0}
.rail-ctl{display:flex;gap:10px}
.rail-ctl button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(10,88,168,.3);background:rgba(255,255,255,.7);backdrop-filter:blur(8px);color:var(--blue);cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s var(--ease)}
.rail-ctl button:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}
.rail-ctl svg{width:18px;height:18px}
.rail{display:flex;gap:clamp(16px,2vw,28px);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gut);padding:4px var(--gut) 26px;scrollbar-width:thin;scrollbar-color:var(--blue) transparent;-webkit-overflow-scrolling:touch}
.rail figure{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;gap:14px}
.rail img{height:clamp(240px,38vh,400px);width:auto;max-width:none;display:block;transition:transform .6s var(--ease)}
.rail figure:hover img{transform:scale(1.02)}
.rail figcaption{width:0;min-width:100%;border-top:2px solid var(--cyan);padding-top:12px}
.rail figcaption b{display:block;font:400 .95rem/1.25 var(--f-d);color:var(--navy);margin-bottom:4px}
.rail figcaption span{font-size:.88rem;color:var(--mute);line-height:1.45;display:block}
.rail figcaption small{display:block;margin-top:6px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);font-weight:500}

/* flujo de proceso: 3 columnas iguales */
.flow{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.flow::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(34,184,234,.22),transparent 60%)}
.flow__grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.flow__c{position:relative;padding:clamp(26px,3.6vw,48px);display:flex;flex-direction:column;gap:14px}
.flow__c+.flow__c{border-left:1px solid rgba(255,255,255,.14)}
.flow__c::after{content:"";position:absolute;right:-1px;top:50%;width:14px;height:14px;translate:50% -50%;rotate:45deg;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);background:var(--navy);z-index:2}
.flow__c:last-child::after{display:none}
.flow__n{font:400 3rem/1 var(--f-d);color:transparent;-webkit-text-stroke:1.3px rgba(34,184,234,.75)}
.flow__c h3{font:400 clamp(1.05rem,1.7vw,1.35rem)/1.25 var(--f-d)}
.flow__c p{color:rgba(255,255,255,.75);font-weight:300}

/* soluciones: columnas iguales a sangre */
.sols{display:flex;min-height:min(78vh,640px);background:var(--navy)}
.sol{position:relative;flex:1;overflow:hidden;color:#fff;display:flex;align-items:flex-end;transition:flex .8s var(--ease);border-left:1px solid rgba(255,255,255,.18)}
.sol:first-child{border-left:0}
.sol img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.sol::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,33,63,.15) 20%,rgba(6,33,63,.92))}
.sol__in{position:relative;z-index:2;padding:clamp(22px,3vw,40px);width:100%}
.sol__n{font:400 .8rem var(--f-d);letter-spacing:.2em;color:var(--cyan)}
.sol h3{font:400 clamp(1.15rem,2vw,1.7rem)/1.15 var(--f-d);margin:10px 0;overflow-wrap:anywhere}
.sol p{color:rgba(255,255,255,.85);font-weight:300;font-size:.95rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s}
.sol__go{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-weight:500;font-size:.9rem;color:var(--cyan)}
.sol__go svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.sol:hover .sol__go svg{transform:translateX(6px)}
@media (hover:hover){.sols:hover .sol{flex:.8}.sols .sol:hover{flex:1.7}.sol:hover img{transform:scale(1.08)}.sol:hover p{max-height:140px;opacity:1}}
@media (hover:none){.sol p{max-height:none;opacity:1}}

/* compromiso + cta */
.pledge{background:var(--ice);text-align:center;position:relative;overflow:hidden}
.pledge .big{max-width:900px;margin:0 auto 22px}
.pledge h2{font:400 clamp(1.4rem,3.2vw,2.5rem)/1.2 var(--f-d);color:var(--navy);max-width:960px;margin:0 auto;overflow-wrap:anywhere}
.pledge h2 em{color:var(--blue)}
.cta{background:linear-gradient(120deg,var(--blue),var(--navy2));color:#fff;text-align:center;padding:clamp(56px,8vw,100px) 0;position:relative;overflow:hidden}
.cta h2{font:400 clamp(1.5rem,3.4vw,2.6rem)/1.15 var(--f-d);margin-bottom:14px;overflow-wrap:anywhere}
.cta p{max-width:560px;margin:0 auto 28px;color:rgba(255,255,255,.85);font-weight:300}
.cta .btn{background:#fff;color:var(--blue);box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}
.cta__row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta .btn--glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.5)}
.morelink{display:flex;justify-content:center;padding:clamp(28px,4vw,50px) 0;background:#fff}
.btn--line{background:transparent;color:var(--blue);border:1.5px solid var(--blue);box-shadow:none}
.btn--line:hover{background:var(--blue);color:#fff}
.foot__nav{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center;font-size:.88rem}
.foot__nav a:hover{color:var(--cyan)}

@media (max-width:900px){
  .intro__grid,.flow__grid{grid-template-columns:1fr}
  .flow__c+.flow__c{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .flow__c::after{right:auto;left:50%;top:auto;bottom:-1px;translate:-50% 50%;rotate:135deg}
  .sols{flex-direction:column;min-height:0}
  .sol{min-height:300px;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
  .sol:first-child{border-top:0}
  .phero{min-height:0;padding:120px 0 100px}
  .rail-ctl{display:none}
}

.tlink{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-weight:500;color:var(--blue);border-bottom:1.5px solid rgba(10,88,168,.35);padding-bottom:3px;align-self:flex-start;transition:border-color .3s,gap .3s var(--ease)}
.tlink svg{width:15px;height:15px}
.tlink:hover{border-color:var(--blue);gap:16px}

/* ---------- SEO / accesibilidad ---------- */
img{height:auto}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:10px;background:#fff;color:var(--navy);font-weight:500;transition:top .2s}
.skip:focus{top:12px}
.foot address{font-style:normal;font-size:.9rem;max-width:560px;line-height:1.7}
.foot address a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.foot address a:hover{color:var(--cyan)}