@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,500;0,800;0,900;1,300&display=swap";:root{--azul: #2e3092;--azul-hondo: #14163f;--celeste: #27aae1;--papel: #f4f5fb;--tinta: #1a1c4a;--tinta-suave: #4a4d7a;--terracota: #c8825a;--linea: rgba(46, 48, 146, .16);--ease: cubic-bezier(.22, 1, .36, 1);--gutter: clamp(16px, 5vw, 64px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:Montserrat,system-ui,sans-serif;font-weight:300;line-height:1.6;color:var(--tinta);background:var(--papel);overflow-x:hidden;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,p{margin:0}.wrap{padding-inline:var(--gutter);max-width:1240px;margin-inline:auto}.btn{display:inline-flex;align-items:center;gap:.6em;min-height:52px;padding:0 1.6em;font:800 .95rem/1 Montserrat,sans-serif;letter-spacing:.02em;text-decoration:none;border-radius:999px;border:0;cursor:pointer;transition:transform .25s var(--ease),background-color .25s}.btn:active{transform:scale(.97)}.btn--wa{background:var(--celeste);color:var(--azul-hondo)}.btn--wa:hover{background:#fff}.btn--azul{background:var(--azul);color:#fff}.btn--azul:hover{background:var(--azul-hondo)}.btn svg{width:1.25em;height:1.25em;flex:none}.top{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px var(--gutter);transition:background-color .3s,backdrop-filter .3s}.top.is-scrolled{background:#14163fe0;backdrop-filter:blur(10px)}.top img{width:132px;height:auto}.top .btn{min-height:42px;padding:0 1.1em;font-size:.8rem}.hero{position:relative;min-height:100svh;color:#fff;background:radial-gradient(120% 70% at 85% 0%,rgba(39,170,225,.28),transparent 60%),var(--azul-hondo);display:grid;align-content:center;gap:28px;padding:110px var(--gutter) 90px;overflow:hidden}.hero__eyebrow{font-weight:800;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--celeste);display:flex;gap:12px;align-items:center}.hero__eyebrow:before{content:"";width:36px;height:2px;background:var(--celeste)}.hero__calle{font-weight:500;font-size:clamp(1rem,2.6vw,1.5rem);letter-spacing:.04em;margin-bottom:-.4em}.num{font-weight:900;line-height:.8;letter-spacing:-.04em;font-size:clamp(5.5rem,30vw,26rem);display:flex;gap:.02em}.num span{display:inline-block;background:url(/img/foto-3.jpeg) var(--bx, 50%) var(--by, 30%) / 520% auto no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;filter:brightness(1.12) saturate(1.15) drop-shadow(0 0 1px var(--celeste)) drop-shadow(0 0 1px var(--celeste));transform:translateY(40%) rotate(var(--r, 0deg));opacity:0;animation:digito 1s var(--ease) forwards;animation-delay:calc(var(--i) * .11s + .2s)}.num span:nth-child(1){--bx: 18%;--r: -6deg}.num span:nth-child(2){--bx: 44%;--r: 4deg}.num span:nth-child(3){--bx: 70%;--r: -3deg}.num span:nth-child(4){--bx: 96%;--r: 5deg}@keyframes digito{to{transform:none;opacity:1}}.hero__lead{max-width:34ch;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:300}.hero__lead strong{font-weight:800}.hero__row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}.precio{display:grid;line-height:1.1}.precio small{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.precio b{font-weight:900;font-size:clamp(1.7rem,5vw,2.6rem)}.precio b i{font-style:normal;font-weight:300;font-size:.5em;opacity:.8}.llavero{position:absolute;top:0;right:clamp(20px,9vw,140px);transform-origin:50% 0;animation:pendulo 5s ease-in-out infinite;pointer-events:none}.llavero__hilo{width:2px;height:clamp(70px,14vh,150px);background:#ffffff80;margin-inline:auto}.llavero__chapa{width:clamp(92px,20vw,150px);aspect-ratio:3/4;border-radius:14px 14px 22px 22px;background:var(--celeste);color:var(--azul-hondo);display:grid;place-content:center;text-align:center;gap:2px;font-weight:900;box-shadow:0 18px 40px #00000059;position:relative}.llavero__chapa:before{content:"";position:absolute;top:10px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--azul-hondo)}.llavero__chapa small{font-size:.6rem;letter-spacing:.18em;font-weight:800}.llavero__chapa b{font-size:clamp(.95rem,2.4vw,1.3rem);padding-inline:8px;line-height:1}@keyframes pendulo{0%,to{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}.scroll-hint{position:absolute;bottom:22px;left:var(--gutter);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7;display:flex;align-items:center;gap:12px}.scroll-hint:after{content:"";width:2px;height:34px;background:linear-gradient(var(--celeste),transparent);animation:gota 1.8s var(--ease) infinite;transform-origin:top}@keyframes gota{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.cinta{background:var(--celeste);color:var(--azul-hondo);overflow:hidden;padding:16px 0}.cinta__pista{display:flex;width:max-content;animation:cinta 28s linear infinite}.cinta__pista span{font-weight:900;font-size:clamp(1.1rem,3vw,1.6rem);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding-right:1.6em;display:flex;align-items:center;gap:1.6em}.cinta__pista span:after{content:"";width:.5em;height:.5em;background:var(--azul-hondo);transform:rotate(45deg)}@keyframes cinta{to{transform:translate(-50%)}}.recorrido{padding:clamp(72px,12vw,150px) 0;position:relative}.sec-head{margin-bottom:clamp(40px,7vw,90px);max-width:22ch}.kicker{font-weight:800;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--azul);margin-bottom:14px}.sec-head h2{font-weight:900;font-size:clamp(2.2rem,7vw,4.6rem);line-height:1;letter-spacing:-.03em;color:var(--azul)}.camino{position:relative;padding-left:44px}.camino__riel,.camino__avance{position:absolute;left:11px;top:0;bottom:0;width:3px;border-radius:3px}.camino__riel{background:var(--linea)}.camino__avance{background:linear-gradient(var(--azul),var(--celeste));transform-origin:top;transform:scaleY(var(--p, 0));will-change:transform}.parada{position:relative;display:grid;gap:18px;margin-bottom:clamp(56px,9vw,120px)}.parada:before{content:attr(data-n);position:absolute;left:-44px;top:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.62rem;font-weight:800;background:var(--papel);border:2px solid var(--linea);color:var(--tinta-suave);transition:background-color .4s,color .4s,border-color .4s,transform .5s var(--ease)}.parada.is-on:before{background:var(--azul);border-color:var(--azul);color:#fff;transform:scale(1.18)}.foto{position:relative;border-radius:6px 44px;overflow:hidden;background:#dfe1f3;aspect-ratio:4 / 5;max-height:80svh;clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--ease)}.parada.is-on .foto{clip-path:inset(0 0 0 0)}.foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform 1.6s var(--ease)}.parada.is-on .foto img{transform:scale(1)}.foto--ancha{aspect-ratio:4 / 3}.foto-inset{position:absolute;right:12px;bottom:12px;width:34%;aspect-ratio:3/4;border-radius:4px 20px;overflow:hidden;border:3px solid var(--papel);box-shadow:0 10px 30px #14163f59}.foto-inset img{width:100%;height:100%;object-fit:cover;transform:none}.texto{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease) .25s,transform .8s var(--ease) .25s}.parada.is-on .texto{opacity:1;transform:none}.texto h3{font-weight:900;font-size:clamp(1.6rem,4.4vw,2.6rem);line-height:1.05;letter-spacing:-.02em;color:var(--azul)}.texto p{margin-top:10px;max-width:38ch;color:var(--tinta-suave);font-size:1.02rem}.texto .tag{display:inline-block;margin-top:14px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--azul);border:1.5px solid var(--azul);padding:5px 12px;border-radius:999px}@media(min-width:820px){.camino{padding-left:0}.camino__riel,.camino__avance{left:50%;margin-left:-1.5px}.parada{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px)}.parada:before{left:50%;margin-left:-13px;top:50%;margin-top:-13px}.parada:nth-of-type(2n) .foto{order:2;border-radius:44px 6px}.parada:nth-of-type(2n) .texto{order:1;text-align:right;justify-self:end}.parada:nth-of-type(2n) .texto p{margin-left:auto}.parada:nth-of-type(odd) .foto{transform:translateY(var(--py, 0))}.foto{max-height:78svh}}.ficha{background:var(--azul);color:#fff;padding:clamp(64px,10vw,130px) 0;position:relative;overflow:hidden}.ficha:before{content:"";position:absolute;right:-8%;top:-30%;width:60vw;max-width:720px;aspect-ratio:1;background:url(/logos/propietas-simbolo.svg) center / contain no-repeat;opacity:.07;filter:brightness(10)}.ficha .kicker{color:var(--celeste)}.ficha h2{font-weight:900;font-size:clamp(2rem,6vw,3.8rem);line-height:1;letter-spacing:-.03em;max-width:16ch;margin-bottom:clamp(36px,6vw,70px)}.cifras{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1.5px solid rgba(255,255,255,.25)}.cifra{padding:26px 0 30px;border-bottom:1.5px solid rgba(255,255,255,.25)}.cifra:nth-child(odd){padding-right:16px;border-right:1.5px solid rgba(255,255,255,.25)}.cifra:nth-child(2n){padding-left:20px}.cifra b{display:block;font-weight:900;font-size:clamp(3.4rem,13vw,7rem);line-height:.95;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.cifra b sup{font-size:.32em;font-weight:500;letter-spacing:0;vertical-align:top;margin-left:.15em}.cifra span{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--celeste);font-weight:800}@media(min-width:820px){.cifras{grid-template-columns:repeat(4,1fr)}.cifra:nth-child(n){padding:28px 24px 32px;border-right:1.5px solid rgba(255,255,255,.25)}.cifra:first-child{padding-left:0}.cifra:last-child{border-right:0}}.detalles{margin:clamp(36px,6vw,64px) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.detalles li{padding:9px 18px;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;font-weight:500;font-size:.92rem}.nota{margin-top:18px;font-size:.82rem;opacity:.7;max-width:60ch}.contacto{padding:clamp(72px,12vw,150px) 0;text-align:center;position:relative}.contacto .kicker{color:var(--azul)}.contacto h2{font-weight:900;font-size:clamp(2.4rem,9vw,6rem);line-height:.98;letter-spacing:-.035em;color:var(--azul);margin-inline:auto;max-width:14ch}.contacto h2 em{font-style:normal;color:var(--tinta);text-decoration:underline;text-decoration-color:var(--celeste);text-decoration-thickness:.08em;text-underline-offset:.12em}.contacto p{margin:22px auto 34px;max-width:42ch;color:var(--tinta-suave);font-size:1.05rem}.contacto .btn{min-height:62px;font-size:1.05rem;padding:0 2.2em}.contacto .sub{margin:26px 0 0;font-size:.85rem}.contacto .sub a{color:var(--azul);font-weight:500}.ref{display:inline-block;margin-top:30px;font-weight:800;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-suave);border-top:1.5px dashed var(--linea);padding-top:14px}.pie{background:var(--azul-hondo);color:#dfe1f3;padding:56px 0 40px;font-size:.88rem}.pie__grid{display:grid;gap:32px}.pie img{width:170px}.pie h4{margin:0 0 8px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--celeste);font-weight:800}.pie a{text-decoration:none}.pie a:hover{text-decoration:underline}.pie .legal{margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:.78rem;line-height:1.7;opacity:.8}@media(min-width:820px){.pie__grid{grid-template-columns:1.2fr 1fr 1fr}}.fab{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:25;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--celeste);color:var(--azul-hondo);box-shadow:0 10px 28px #14163f66;transform:scale(0);transition:transform .45s var(--ease)}.fab.is-on{transform:scale(1)}.fab svg{width:28px;height:28px}@media(min-width:820px){.fab{display:none}}:focus-visible{outline:3px solid var(--celeste);outline-offset:3px}.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.rv.is-on{opacity:1;transform:none}@media(hover:hover){.btn--wa:hover,.btn--azul:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.num span,.llavero,.cinta__pista,.scroll-hint:after{animation:none}.num span{opacity:1;transform:none}.foto{clip-path:none;transition:none}.foto img{transform:none;transition:none}.texto,.rv{opacity:1;transform:none;transition:none}.camino__avance{transform:scaleY(1)}}
