.telefono-escena{perspective:1800px;transform-style:preserve-3d}.telefono{aspect-ratio:1320/2868;width:100%;transform-style:preserve-3d;position:relative;container-type:inline-size}.telefono-canto{transform-style:preserve-3d;position:absolute;inset:0}.telefono-canto i{transform:translateZ(calc(var(--z) * 1cqw));background:linear-gradient(90deg,#6f6c67,#b9b6b0 30%,#8b8984 60%,#5d5a55);border-radius:15.5cqw;position:absolute;inset:0}.telefono-canto .telefono-dorso{background:linear-gradient(160deg,#3a3936,#1f1e1c);transform:translateZ(-3.6cqw)rotateY(180deg)}.telefono-marco{background:linear-gradient(145deg,#c9c6c1 0%,#8b8984 22%,#e9e6e1 48%,#77746f 74%,#b9b6b0 100%);border-radius:15.5cqw;padding:1.15cqw;position:absolute;inset:0;transform:translateZ(3.6cqw);box-shadow:0 0 0 .35cqw #0000008c,0 4cqw 10cqw -2cqw #0206178c,0 18cqw 30cqw -10cqw #02061799}.telefono-pantalla{border:1.9cqw solid #050505;border-radius:14.4cqw;height:100%;position:relative;overflow:hidden}.telefono-estado{z-index:2;letter-spacing:-.01em;color:#0b0b0b;justify-content:space-between;align-items:center;height:11cqw;padding:1.4cqw 8cqw 0 10cqw;font-size:3.9cqw;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.telefono[data-pantalla=oscura] .telefono-estado,.dark .telefono[data-cambia] .telefono-estado{color:#fff}.dark .telefono[data-cambia] .telefono-pantalla{background:#0b1220!important}.telefono-indicadores{align-items:center;gap:1.6cqw;display:flex}.telefono-senal{align-items:flex-end;gap:.5cqw;height:2.8cqw;display:flex}.telefono-senal i{background:currentColor;border-radius:.3cqw;width:.8cqw;display:block}.telefono-senal i:first-child{height:35%}.telefono-senal i:nth-child(2){height:55%}.telefono-senal i:nth-child(3){height:78%}.telefono-senal i:nth-child(4){height:100%}.telefono-bateria{opacity:.9;border:.35cqw solid;border-radius:.9cqw;width:6.2cqw;height:2.9cqw;display:block;position:relative}.telefono-bateria:after{content:"";background:currentColor;border-radius:0 .3cqw .3cqw 0;width:.5cqw;height:1.1cqw;position:absolute;top:50%;right:-.9cqw;transform:translateY(-50%)}.telefono-bateria i{background:currentColor;border-radius:.4cqw;width:72%;position:absolute;inset:.35cqw}.telefono-isla{z-index:5;background:#000;border-radius:4.2cqw;align-items:center;width:29cqw;height:8.4cqw;display:flex;position:absolute;top:2.6cqw;left:50%;overflow:hidden;transform:translate(-50%)}button.telefono-isla{cursor:pointer;color:#fff;border:0;justify-content:center;padding:0;transition:width .62s cubic-bezier(.34,1.32,.5,1),height .62s cubic-bezier(.34,1.32,.5,1),border-radius .62s cubic-bezier(.34,1.32,.5,1),top .62s cubic-bezier(.34,1.32,.5,1)}.telefono-isla[data-estado="1"]{border-radius:9cqw;width:90cqw;height:18cqw;top:2cqw}.telefono-isla[data-estado="2"]{width:62cqw}.telefono-isla[data-estado="3"]{border-radius:11cqw;width:92cqw;height:34cqw;top:2cqw}.isla-act{opacity:0;filter:blur(6px);pointer-events:none;white-space:nowrap;text-align:left;align-items:center;gap:2.8cqw;padding:0 4.6cqw;transition:opacity .25s,filter .35s,transform .45s cubic-bezier(.34,1.32,.5,1);display:flex;position:absolute;inset:0;transform:scale(.9)}.telefono-isla[data-estado="1"] .isla-act[data-a="1"],.telefono-isla[data-estado="2"] .isla-act[data-a="2"],.telefono-isla[data-estado="3"] .isla-act[data-a="3"]{opacity:1;filter:none;transition-delay:.16s;transform:none}.isla-compacta{justify-content:space-between;padding:0 2cqw}.isla-grande{flex-direction:column;justify-content:center;align-items:stretch;gap:3cqw;padding:0 5cqw}.isla-fila{align-items:center;gap:2.8cqw;display:flex}.isla-icono{color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:10cqw;height:10cqw;display:grid}.isla-icono svg{width:5.4cqw;height:5.4cqw}.isla-icono-chico{width:6.4cqw;height:6.4cqw}.isla-icono-chico svg{width:3.8cqw;height:3.8cqw}.isla-monto{color:#4ade80;font-variant-numeric:tabular-nums;font-size:3.6cqw;font-weight:700}.isla-texto{flex-direction:column;min-width:0;line-height:1.2;display:flex}.isla-texto b{font-size:3.7cqw;font-weight:700}.isla-texto span{color:#ffffffa6;font-size:3.2cqw}.isla-botones{grid-template-columns:1fr 1fr;gap:2.4cqw;display:grid}.isla-boton{border-radius:999px;place-items:center;height:9cqw;font-size:3.4cqw;font-weight:600;display:grid}.isla-boton-gris{background:#ffffff29}.isla-boton-verde{background:#16b364}.telefono-demo{aspect-ratio:780/1688;max-width:100%;height:100%;margin-inline:auto;position:relative}.telefono-demo-pantalla{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .3s,transform .45s cubic-bezier(.32,.72,0,1);position:absolute;inset:0;transform:translate(8%)}.telefono-demo-pantalla[data-pantalla-id=gani]{transform:translateY(12%)}.telefono-demo[data-activa=embudos] [data-pantalla-id=embudos],.telefono-demo[data-activa=contactos] [data-pantalla-id=contactos],.telefono-demo[data-activa=empresas] [data-pantalla-id=empresas],.telefono-demo[data-activa=gani] [data-pantalla-id=gani]{opacity:1;transform:none}.demo-toque{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;transition:background-color .2s;position:absolute}.demo-toque:active{background:#ffffff24}.demo-toque:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px}.demo-tab{border-radius:12px;width:16%;height:6.5%;bottom:0}.demo-gani{border-radius:999px;width:26%;height:6.2%;bottom:7.5%;left:37%}.demo-cerrar{border-radius:999px;width:13%;height:6%;display:none;top:7%;right:2%}.telefono-demo[data-activa=gani] .demo-tab,.telefono-demo[data-activa=gani] .demo-gani{display:none}.telefono-demo[data-activa=gani] .demo-cerrar{display:block}.telefono-contenido{position:absolute;inset:11cqw 0 0;overflow:hidden}.telefono-contenido img{object-fit:contain;object-position:top center;width:100%;height:100%}.telefono-contenido-abajo img{object-position:bottom center}.telefono-brillo{pointer-events:none;z-index:4;background:linear-gradient(115deg,#ffffff24 0%,#0000 32% 70%,#ffffff0d 100%);position:absolute;inset:0}.telefono-boton{background:linear-gradient(90deg,#6f6c67,#c9c6c1);border-radius:.6cqw;width:.9cqw;position:absolute}.telefono-boton-accion{height:6%;top:18%;left:-.6cqw}.telefono-boton-vol1{height:10%;top:27%;left:-.6cqw}.telefono-boton-vol2{height:10%;top:39%;left:-.6cqw}.telefono-boton-encendido{background:linear-gradient(270deg,#6f6c67,#c9c6c1);height:15%;top:26%;right:-.6cqw}.telefono-boton-camara{background:linear-gradient(270deg,#6f6c67,#c9c6c1);height:8%;top:58%;right:-.6cqw}@keyframes telefono-entra-izquierda{0%{opacity:0;transform:perspective(1400px)translate(-38%)rotateY(48deg)rotate(-5deg)scale(.92)}35%{opacity:1}to{opacity:1;transform:none}}@keyframes telefono-entra-derecha{0%{opacity:0;transform:perspective(1400px)translate(38%)rotateY(-48deg)rotate(5deg)scale(.92)}35%{opacity:1}to{opacity:1;transform:none}}@keyframes telefono-entra-abajo{0%{opacity:0;transform:perspective(1400px)translateY(32%)rotateX(38deg)scale(.9)}35%{opacity:1}to{opacity:1;transform:none}}@keyframes telefono-flotar{0%,to{transform:rotateY(-10deg)rotateX(3deg)translateY(0)}50%{transform:rotateY(10deg)rotateX(-2deg)translateY(-2.5%)}}@keyframes telefono-giro{0%{opacity:0;transform:perspective(1400px)translate(60%)rotateY(-75deg)rotate(4deg)scale(.9)}35%{opacity:1}65%{transform:perspective(1400px)translate(-5%)rotateY(16deg)rotate(-1deg)scale(1)}to{opacity:1;transform:perspective(1400px)}}@keyframes telefono-entra-scroll{0%{transform:perspective(1400px)translate(22%)rotateY(-62deg)rotate(4deg)scale(.92)}to{transform:perspective(1400px)}}@media (prefers-reduced-motion:no-preference){.telefono-flota{animation:9s cubic-bezier(.45,0,.55,1) infinite telefono-flotar}.telefono-escena[data-entrada=giro]{animation:1.9s cubic-bezier(.16,1,.3,1) .25s both telefono-giro}@supports (animation-timeline:view()){.telefono-escena[data-entrada=scroll]{animation:linear both telefono-entra-scroll view();animation-range:entry cover 48%}}@supports not (animation-timeline:view()){.telefono-escena[data-entrada=scroll]{animation:1.9s cubic-bezier(.16,1,.3,1) .25s both telefono-giro}}@supports (animation-timeline:view()){.telefono-escena[data-entrada=izquierda]{animation:linear both telefono-entra-izquierda}.telefono-escena[data-entrada=derecha]{animation:linear both telefono-entra-derecha}.telefono-escena[data-entrada=abajo]{animation:linear both telefono-entra-abajo}.telefono-escena:not([data-entrada=ninguna]):not([data-entrada=giro]):not([data-entrada=scroll]){animation-timeline:view();animation-range:entry cover 38%}}@supports not (animation-timeline:view()){.telefono-escena.por-entrar[data-entrada=izquierda]{opacity:0;transform:translate(-38%)rotateY(42deg)rotate(-5deg)scale(.92)}.telefono-escena.por-entrar[data-entrada=derecha]{opacity:0;transform:translate(38%)rotateY(-42deg)rotate(5deg)scale(.92)}.telefono-escena.por-entrar[data-entrada=abajo]{opacity:0;transform:translateY(32%)rotateX(38deg)scale(.9)}.telefono-escena{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}}}