/* Dirección: producto al centro. Grafito, plata y los acentos de Wualapp. */
:root{--lienzo:#f5f5f7;--tinta:#1d1d1f;--tinta-2:#68686f;--linea:#dedee3;--display:var(--texto)}
html{scroll-padding-top:88px}body{overflow-x:clip}.cabecera{background:rgba(250,250,252,.84);backdrop-filter:blur(24px) saturate(160%);border-color:#ddd8}.cabecera .envoltura{min-height:70px}.marca img{width:132px}.menu{font-size:.86rem;gap:24px}.telefono{font-size:.86rem}.cabecera .boton{font-size:.8rem;min-height:36px}.boton-principal:before{display:none}.boton{transition:transform .25s,box-shadow .25s}.boton:hover{transform:translateY(-2px)}
.cinema{height:230svh;position:relative;background:#08080b;color:#f5f5f7}.cinema-sticky{position:sticky;top:70px;height:calc(100svh - 70px);min-height:600px;overflow:hidden;isolation:isolate}.cinema-grain{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 47%,#30213e88,transparent 54%),linear-gradient(130deg,#111116,#060608 65%)}.cinema-inner{width:min(1320px,90%);height:calc(100% - 84px);margin:auto;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:2vw}.cinema-copy{position:relative;z-index:4;padding-bottom:10px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600}.cinema-copy .eyebrow{color:#b0a2b9;margin-bottom:28px}.cinema h1{font-size:clamp(46px,5.7vw,88px);line-height:1.01;letter-spacing:-.065em;font-weight:600;max-width:10ch;text-wrap:initial}.cinema h1 span{color:#c4adf1}.cinema-description{color:#b5b3be;font-size:clamp(16px,1.4vw,20px);line-height:1.55;max-width:370px;margin:26px 0}.cinema-cta{display:inline-flex;gap:30px;align-items:center;background:#f3f0f8;color:#1d1729;text-decoration:none;border-radius:100px;padding:15px 25px;font-size:15px;font-weight:600;transition:background .25s,transform .25s}.cinema-cta:hover{background:white;transform:translateY(-3px)}.cinema-cta span{font-size:22px}.cinema-secondary{display:block;width:fit-content;font-size:14px;text-decoration:none;color:#c2bdcc;margin-top:20px}.cinema-secondary:hover{color:white}.cinema-caption{border-top:1px solid #ffffff26;padding-top:20px;margin-top:42px;display:flex;align-items:center;gap:18px;max-width:380px}.chapter-index{color:#ae92df;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.chapter-title{font-size:15px;color:#e7e3ed}
.device-stage{position:relative;min-width:0;height:100%;max-height:760px;perspective:1500px;display:grid;place-items:center}.stage-word{position:absolute;top:11%;left:8%;font-size:clamp(140px,22vw,340px);font-weight:700;line-height:1;letter-spacing:-.08em;color:#ffffff04;-webkit-text-stroke:1px #bba2d329;user-select:none}.stage-glow{position:absolute;width:85%;height:66%;background:radial-gradient(ellipse,#9b6be338,transparent 66%);top:20%;filter:blur(28px)}.device-pivot{position:relative;transform-style:preserve-3d;transform:translate3d(0,12px,0) rotateX(8deg) rotateY(-24deg) rotateZ(9deg);will-change:transform}.phone-hardware{position:relative;width:280px;height:580px;border-radius:46px;padding:10px;background:linear-gradient(120deg,#e2dce9,#696376 16%,#1f1d26 36%,#98919e 63%,#eeeaf2 85%,#635c6d);box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 4px #76717d,12px 9px 0 -3px #413b4b,14px 10px 0 -3px #b4a8c3,35px 40px 80px #000b;transform-style:preserve-3d}.phone-screen{position:relative;border:5px solid #101015;border-radius:37px;height:100%;overflow:hidden;background:#f5f2fa}.phone-island{position:absolute;top:10px;left:50%;translate:-50% 0;width:78px;height:21px;background:#0d0d10;border-radius:20px;z-index:8}.phone-island:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;right:9px;top:7px;background:radial-gradient(circle at 35% 30%,#245268,#0c1022 65%)}.phone-side{position:absolute;width:4px;background:linear-gradient(#c2b9ca,#59535e);border-radius:4px;left:-3px;top:120px;height:37px}.side-two{top:165px;height:48px}.demo-app{position:absolute;inset:0;padding:15px 17px;color:#292039;background:#f7f4fb;font-family:var(--texto)}.demo-status{display:flex;justify-content:space-between;font-size:10px;padding:0 5px;margin-bottom:25px}.demo-brand{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.demo-brand img{width:25px;height:20px;object-fit:contain}.demo-avatar{margin-left:auto;border-radius:50%;width:27px;height:27px;background:#dfd7ed;display:grid;place-items:center;font-size:11px}.demo-hello{font-size:8px;letter-spacing:.14em;color:#756382;margin:22px 0 6px}.demo-app .demo-title{font-size:28px;line-height:1.06;letter-spacing:-.04em;font-weight:600}.demo-art{height:159px;border-radius:17px;background:linear-gradient(135deg,#ded2f1,#ab8dcc);margin:17px 0 16px;position:relative;overflow:hidden;isolation:isolate}.art-orbit{position:absolute;border:24px solid #b19cc9;border-radius:50%;width:160px;height:160px;right:-8px;top:-27px;transform:rotateX(40deg) rotateZ(-30deg);box-shadow:inset 6px 6px 12px #fff9,7px 10px 16px #73538466}.orbit-two{width:140px;height:140px;top:41px;right:-45px;border-color:#e5dced;transform:rotateY(30deg) rotateZ(20deg)}.orbit-three{width:130px;height:130px;top:86px;right:60px;border-color:#9175ae;z-index:-1}.demo-art>span{position:absolute;left:16px;bottom:18px;font-size:17px;line-height:1.15;font-weight:600;letter-spacing:-.03em;color:#332040}.demo-art>b{position:absolute;right:13px;bottom:12px;border:1px solid #ffffffaa;border-radius:50%;width:24px;height:24px;text-align:center;font-weight:400}.demo-row{display:flex;justify-content:space-between;font-size:10px;align-items:center}.demo-row>span{font-size:8px;color:#76637f}.demo-booking{display:flex;gap:10px;align-items:center;border:1px solid #e5dfeb;background:white;border-radius:12px;padding:10px 9px;margin-top:8px;font-size:10px}.demo-booking>span:last-child{margin-left:auto}.demo-date{display:grid;text-align:center;background:#eee6f7;padding:5px 9px;border-radius:7px;font-size:7px;line-height:1.2}.demo-date b{font-size:18px;font-weight:600}.demo-booking small{display:block;font-size:9px;color:#76637f;margin-top:4px}.demo-reserve{width:100%;border:0;border-radius:11px;background:#30213f;color:white;display:flex;justify-content:space-between;padding:12px;margin-top:13px;font:600 10px var(--texto);cursor:pointer}.demo-reserve:hover{background:#654480}.demo-nav{display:flex;justify-content:space-around;font-size:20px;padding-top:12px;color:#8f809c}.demo-nav span{display:grid;justify-items:center;line-height:1}.demo-nav span:first-child{color:#55306f}.demo-nav small{font-size:7px;margin-top:5px}.screen-reflection{position:absolute;inset:0;pointer-events:none;z-index:9;background:linear-gradient(120deg,#ffffff00 30%,#ffffff30 48%,#ffffff00 62%);opacity:.5}.wire-overlay{position:absolute;inset:0;background:#eeeaf3;z-index:4;padding:66px 22px 25px;color:#54465f;clip-path:inset(0 76% 0 0);pointer-events:none}.wire-top,.wire-bottom{font-size:9px;letter-spacing:.1em}.wire-title{height:17px;width:90%;border-radius:5px;background:#b8adca;margin:20px 0 8px}.wire-title.short{width:65%;margin:0}.wire-picture{height:169px;margin-top:24px;border:1px dashed #a397b1;border-radius:12px;background:linear-gradient(38deg,transparent 49.5%,#c9bfd4 50%,transparent 50.5%),linear-gradient(-38deg,transparent 49.5%,#c9bfd4 50%,transparent 50.5%);display:grid;place-items:center}.wire-picture span{font-size:14px;background:#eeeaf3;padding:8px}.wire-line{height:32px;background:#d9d1e2;margin-top:15px;border-radius:8px}.wire-action{height:35px;background:#a496b5;margin:18px 0;border-radius:8px}.wire-bottom{letter-spacing:0;font-size:8px}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#ffffff17,#ffffff08);border:1px solid #ffffff24;border-radius:18px;padding:16px 20px;backdrop-filter:blur(20px);box-shadow:0 20px 45px #0003;pointer-events:none}.floating-note small{display:block;font-size:8px;letter-spacing:.13em;color:#c6b8d1;margin-bottom:3px}.floating-note b{font-size:13px;font-weight:500;color:white}.note-design{top:24%;right:-1%}.note-live{bottom:19%;left:-2%}.note-symbol{color:#d0afea;font-size:29px}.note-dot{width:9px;height:9px;border-radius:50%;background:#98dcc7;box-shadow:0 0 18px #70e9ba66}.demo-disclaimer{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#9c94a6;font-size:10px;letter-spacing:.025em}.demo-success{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f4fb;color:#30213f;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}.success-check{border-radius:50%;background:#d6eee3;width:66px;height:66px;display:grid;place-items:center;font-size:28px;color:#2a7955;margin-bottom:18px}.demo-success>p{font-size:30px;letter-spacing:-.04em;font-weight:600}.demo-success>span{font-size:12px;text-align:center;color:#74657c;margin-top:8px}.success-ticket{display:grid;gap:8px;margin:30px 0;background:white;border:1px solid #e8e0ef;border-radius:16px;width:80%;padding:20px;text-align:center}.success-ticket small{font-size:8px;letter-spacing:.12em}.success-ticket b{font-size:32px}.success-ticket span{font-size:11px}.demo-back{border:0;background:none;color:#603b80;font:600 12px var(--texto);cursor:pointer;padding:10px}.is-success .demo-success{opacity:1;visibility:visible}
.cinema-bottom{position:absolute;bottom:23px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-hint{font-size:9px;letter-spacing:.15em;color:#aca3b8}.scroll-hint span{font-size:18px;margin-left:12px}.chapter-controls{display:flex;padding:5px;border:1px solid #ffffff24;border-radius:40px;background:#ffffff08;gap:4px}.chapter-controls button{border:0;border-radius:30px;padding:11px 18px;background:transparent;color:#a8a0b0;font:500 11px var(--texto);cursor:pointer;transition:background .3s,color .3s}.chapter-controls button span{margin-left:7px}.chapter-controls button[aria-pressed=true]{background:#e5dcec;color:#24102e}.motion-toggle{border:0;border-bottom:1px solid #72697e;background:transparent;color:#b9b1c4;font:400 10px var(--texto);padding:6px 0;cursor:pointer}.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0c}.cinema-progress i{display:block;width:100%;height:100%;background:#b89bdd;transform:scaleX(0);transform-origin:left}
.intro-statement{text-align:center;background:#f5f5f7;padding:120px 20px}.intro-statement .eyebrow{color:#796483;margin-bottom:30px}.intro-statement h2{font-size:clamp(40px,5.8vw,78px);line-height:1.03;letter-spacing:-.055em}.intro-statement p:not(.eyebrow){color:#77717e;font-size:20px;max-width:550px;margin:26px auto}.intro-statement span{display:block;font-size:12px;letter-spacing:.05em;margin-top:35px;color:#84798d}.bloque{padding-block:100px}.bloque-cabeza h2{letter-spacing:-.045em}.proceso{background:#fff}.servicio{transition:transform .3s,background .3s}.servicio:hover{transform:translateY(-4px)}.reveal{transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-pending{opacity:0;transform:translateY(24px)}
.cinema.motion-reduced{height:auto}.motion-reduced .cinema-sticky{position:relative;top:0}.motion-reduced .device-pivot{transform:none!important}.motion-reduced .scroll-hint{visibility:hidden}.motion-reduced .screen-reflection{display:none}
@media(min-width:1500px){.phone-hardware{width:310px;height:640px}.demo-app{padding:18px 22px}.demo-art{height:180px;margin-top:22px}.demo-nav{padding-top:20px}.demo-booking{padding:14px 10px}.demo-reserve{padding:15px}.demo-app .demo-title{font-size:32px}}
@media(max-width:1050px){.phone-hardware{width:255px;height:543px}.demo-app{padding:14px}.demo-art{height:140px;margin-top:12px;margin-bottom:12px}.demo-hello{margin-top:15px}.demo-app .demo-title{font-size:25px}.demo-brand{font-size:12px}.demo-booking{padding:8px}.demo-reserve{margin-top:9px}.note-design{right:-6%;top:20%;padding:12px}.note-live{left:-8%;bottom:17%;padding:12px}.cinema h1{font-size:60px}.cinema-description{font-size:16px}.cinema-inner{gap:5vw}.cinema-copy .eyebrow{font-size:9px}.cinema-caption{margin-top:28px}.cinema .chapter-title{font-size:13px}}
@media(max-width:700px){.cinema{height:210svh}.cinema-sticky{top:64px;height:calc(100svh - 64px);min-height:850px}.cabecera .envoltura{min-height:64px;gap:12px}.cabecera .marca img{width:115px}.cabecera .boton-principal{display:none}.cabecera .menu-abrir{margin-left:auto}.cinema-inner{display:flex;flex-direction:column;gap:0;height:calc(100% - 70px);width:90%}.cinema-copy{text-align:center;padding:30px 0 0;flex:none}.cinema-copy .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:15px}.cinema h1{font-size:47px;line-height:1.03;max-width:none;letter-spacing:-.06em}.cinema-description{font-size:14px;line-height:1.5;max-width:310px;margin:15px auto}.cinema-cta{padding:10px 18px;font-size:12px;gap:18px}.cinema-cta span{font-size:17px}.cinema-secondary{display:none}.cinema-caption{display:none}.device-stage{width:100%;flex:1;min-height:430px;perspective:1100px}.device-pivot{scale:.73;transform-origin:center}.note-design{right:0;top:19%;scale:.8;transform-origin:right}.note-live{left:0;bottom:19%;scale:.8;transform-origin:left}.stage-word{font-size:210px;top:10%;left:5%}.demo-disclaimer{bottom:0;font-size:8px}.cinema-bottom{bottom:18px;gap:8px;left:5%;right:5%}.scroll-hint{display:none}.chapter-controls button{padding:10px 12px;font-size:10px}.chapter-controls button span{margin-left:3px}.motion-toggle{max-width:82px;font-size:9px;text-align:right}.intro-statement{padding:80px 8px}.intro-statement p:not(.eyebrow){font-size:17px}.intro-statement .eyebrow{font-size:8px}.bloque{padding-block:64px}.menu.abierto{top:64px}.motion-reduced .cinema-sticky{min-height:850px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.boton,.servicio,.cinema-cta,.demo-success{transition:none}.reveal-pending{opacity:1;transform:none}.cinema{height:auto}.cinema-sticky{position:relative;top:0}.device-pivot{transform:none!important}.screen-reflection{display:none}}
/* Ajuste de encuadre para portátiles: todo el producto cabe en la primera vista. */
@media(min-width:701px){.cinema h1{max-width:none;font-size:clamp(46px,5.35vw,80px)}.cinema-sticky{min-height:600px}.cinema-inner{height:calc(100% - 100px)}.device-stage{height:100%}.device-pivot{scale:.88}.cinema-copy{padding:20px 0 0}.cinema-copy .eyebrow{margin-bottom:24px}.cinema-caption{margin-top:28px}.demo-disclaimer{bottom:-10px}}
@media(min-width:701px) and (max-height:780px){.device-pivot{scale:.8}.cinema h1{font-size:60px}.cinema-description{margin:20px 0;font-size:16px}.cinema-copy .eyebrow{margin-bottom:20px}.cinema-caption{margin-top:22px}.cinema-inner{height:calc(100% - 80px)}.cinema-sticky{min-height:600px}.demo-disclaimer{bottom:0}}
@media(max-width:700px){.cinema-sticky,.motion-reduced .cinema-sticky{min-height:760px}}
@media(max-width:700px) and (max-height:760px){.cinema{height:auto}.cinema-sticky{position:relative;top:0;min-height:820px}.scroll-hint{display:none}}
.device-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.device-stage{min-height:380px}.device-pivot{scale:.66}.note-design{top:12%}.note-live{bottom:17%}.demo-disclaimer{bottom:0}}
@media(max-width:700px){.floating-note{display:none}}