.bento-visual{background:radial-gradient(120% 70% at 50% 0,#ffffffe6,#0000 60%),linear-gradient(#f6f4f2,#f1eeeb)}.ce-q,.ce-think,.ce-who,.ce-w,.ce-act,.ce-press,.ce-dot{animation-duration:9s;animation-iteration-count:infinite;animation-fill-mode:both}.ce-q{transform-origin:100% 100%;animation-name:ce-q}@keyframes ce-q{0%,3.3%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(4px,6px)scale(.96)}9.4%,94.4%{opacity:1;transform:none}97.8%,to{opacity:0;transform:translateY(-4px)}}.ce-think{animation-name:ce-think}@keyframes ce-think{0%,11.1%{opacity:0;transform:translateY(5px)}13.3%,24.4%{opacity:1;transform:none}26.7%,to{opacity:0;transform:translateY(-3px)}}.ce-dot{animation-name:ce-dot;animation-duration:.9s}@keyframes ce-dot{0%,to{opacity:.25}50%{opacity:1}}.ce-who{animation-name:ce-who}@keyframes ce-who{0%,25.6%{opacity:0}27.8%,94.4%{opacity:1}97.8%,to{opacity:0}}.ce-w{animation-name:ce-w}@keyframes ce-w{0%,27.2%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(3px)}30%,94.4%{opacity:1;transform:none}97.8%,to{opacity:0}}.ce-act{animation-name:ce-act}@keyframes ce-act{0%,37.8%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(6px)}41.7%,94.4%{opacity:1;transform:none}97.8%,to{opacity:0}}.ce-press{animation-name:ce-press}@keyframes ce-press{0%,51.1%{transform:none}52.4%{transform:scale(.95)}55%,to{transform:none}}.os-card{transform-origin:50% 100%;backface-visibility:hidden;animation:9.6s linear infinite both os-deck}@keyframes os-deck{0%,to{opacity:1;z-index:50;transform:translate(0,0)scale(1)}12%{opacity:1;z-index:60;animation-timing-function:cubic-bezier(.77,0,.175,1);transform:translate(1%,-4%)rotate(.6deg)scale(1.01)}22%{opacity:0;z-index:60;transform:translate(28%,-70%)rotate(7deg)scale(.98)}23%{opacity:0;z-index:10;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(34%)scale(.85)}40%{opacity:1;z-index:20;transform:translateY(24%)scale(.9)}65%{opacity:1;z-index:20;animation-timing-function:cubic-bezier(.77,0,.175,1);transform:translateY(24%)scale(.9)}75%{opacity:1;z-index:30;transform:translateY(12%)scale(.95)}90%{opacity:1;z-index:30;animation-timing-function:cubic-bezier(.77,0,.175,1);transform:translateY(12%)scale(.95)}}.os-content{animation:9.6s linear infinite both os-content}@keyframes os-content{0%,14%{opacity:1}19%,95%{opacity:0}to{opacity:1}}.os-shade{animation:9.6s linear infinite both os-shade}@keyframes os-shade{0%,22%,to{opacity:0}23%,65%{opacity:.1}75%,90%{opacity:.05}}.os-badge{animation:9.6s cubic-bezier(.16,1,.3,1) infinite both os-badge}@keyframes os-badge{0%,2%{opacity:0;transform:scale(.6)}6%,to{opacity:1;transform:none}}.kc-wrap{animation:10s linear infinite both kc-wrap}@keyframes kc-wrap{0%{opacity:0}3%,95%{opacity:1}98%,to{opacity:0}}.kc-cover{transform-origin:100%;animation:10s cubic-bezier(.77,0,.175,1) infinite both kc-cover}@keyframes kc-cover{0%,3%{transform:none}15%,97%{transform:translate(101%)}98%,to{transform:none}}.kc-roll{animation:10s linear infinite both kc-roll}@keyframes kc-roll{0%,30%{transform:translateY(calc(var(--a) * -10%));animation-timing-function:cubic-bezier(.77,0,.175,1)}37%,97%{transform:translateY(calc(var(--b) * -10%))}98%,to{transform:translateY(calc(var(--a) * -10%))}}.kc-toast{animation:10s cubic-bezier(.16,1,.3,1) infinite both kc-toast}@keyframes kc-toast{0%,24%{opacity:0;transform:translateY(6px)}28%,64%{opacity:1;transform:none}70%,to{opacity:0;transform:translateY(-4px)}}.hub{background-image:radial-gradient(#1a141117 1px,#0000 1px);background-position:50%;background-size:14px 14px}.hub-dot{animation:8s cubic-bezier(.77,0,.175,1) infinite both hub-dot}@keyframes hub-dot{0%{opacity:0;transform:none}4%{opacity:1;transform:none}22%{opacity:1;transform:translate(var(--dx), var(--dy))}25%,to{opacity:0;transform:translate(var(--dx), var(--dy))}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hub{view-timeline:--hub block}.hub-sun .sol-arriba,.hub-sun .sol-abajo{transform-box:fill-box;animation:linear both sol-izq;animation-timeline:--hub;animation-range:entry 20% cover 45%}.hub-sun .sol-abajo{animation-name:sol-der}}}@keyframes sol-izq{0%{opacity:0;transform:translate(-40%)}}@keyframes sol-der{0%{opacity:0;transform:translate(40%)}}.bf-piece{animation:8s ease-in-out infinite both bf-float}@keyframes bf-float{0%,to{translate:0}50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.ce-q,.ce-who,.ce-w,.ce-act,.ce-press,.kc-wrap,.kc-cover,.kc-roll,.hub-dot,.os-badge{animation:none}.ce-think,.kc-cover,.kc-toast,.hub-dot{opacity:0;animation:none}.os-card,.os-content,.os-shade,.bf-piece{animation-play-state:paused}}
.pc-scene{background:radial-gradient(70% 60% at 50% 0,#ffffffe6,#0000 70%),linear-gradient(#f6f4f2,#f0ece8)}.pc-check,.pc-done,.pc-pulse,.pc-url-a,.pc-url-b,.pc-approve,.pc-approve-a,.pc-approve-b{animation-duration:8s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-iteration-count:infinite;animation-fill-mode:both}.pc-check-0{animation-name:pc-check-0}.pc-check-1{animation-name:pc-check-1}.pc-check-2{animation-name:pc-check-2}.pc-check-3{animation-name:pc-check-3}@keyframes pc-check-0{0%,10%{opacity:0;transform:scale(.6)}14%,92%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.6)}}@keyframes pc-check-1{0%,16.9%{opacity:0;transform:scale(.6)}20.9%,92%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.6)}}@keyframes pc-check-2{0%,23.8%{opacity:0;transform:scale(.6)}27.8%,92%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.6)}}@keyframes pc-check-3{0%,30.6%{opacity:0;transform:scale(.6)}34.6%,92%{opacity:1;transform:none}95%,to{opacity:0;transform:scale(.6)}}.pc-done-1{animation-name:pc-done-1}@keyframes pc-done-1{0%,41%{opacity:0;translate:-50% 6px}46%,92%{opacity:1;translate:-50%}95%,to{opacity:0;translate:-50% 6px}}.pc-pulse{animation-name:pc-pulse;animation-timing-function:cubic-bezier(.77,0,.175,1)}@keyframes pc-pulse{0%,8%{opacity:0;transform:translateY(-50%)}11%{opacity:1;transform:translateY(-50%)}24%,28%{opacity:1;transform:translate(32cqw,-50%)}40%{opacity:1;transform:translate(64cqw,-50%)}44%,to{opacity:0;transform:translate(64cqw,-50%)}}.pc-done-2{animation-name:pc-done-2}@keyframes pc-done-2{0%,38.7%{opacity:0;transform:translateY(6px)}43.7%,92%{opacity:1;transform:none}95%,to{opacity:0;transform:translateY(6px)}}.pc-approve{animation-name:pc-approve}@keyframes pc-approve{0%,27.5%{transform:none}29%{transform:scale(.95)}32%,to{transform:none}}.pc-approve-a{animation-name:pc-approve-a}@keyframes pc-approve-a{0%,30%{opacity:1;transform:none}33%,92%{opacity:0;transform:translateY(-6px)}95%,to{opacity:1;transform:none}}.pc-approve-b{animation-name:pc-approve-b}@keyframes pc-approve-b{0%,31%{opacity:0;transform:translateY(6px)}35%,92%{opacity:1;transform:none}95%,to{opacity:0;transform:translateY(6px)}}.pc-url-a{animation-name:pc-url-a}@keyframes pc-url-a{0%,42%{opacity:1;transform:none}46%,93%{opacity:0;transform:translateY(-60%)}96%,to{opacity:1;transform:none}}.pc-url-b{animation-name:pc-url-b}@keyframes pc-url-b{0%,42.5%{opacity:0;transform:translateY(60%)}47%,92%{opacity:1;transform:none}95%,to{opacity:0;transform:translateY(60%)}}@media (prefers-reduced-motion:reduce){.pc-check,.pc-done,.pc-approve,.pc-approve-b,.pc-url-b{animation:none}.pc-done-1{translate:-50%}.pc-pulse,.pc-approve-a,.pc-url-a{opacity:0;animation:none}}
.case-stage{background:radial-gradient(70% 55% at 50% 100%,#ffc23329,#0000 70%),linear-gradient(#faf8f6,#f2eee9)}.case-pos-laptop{width:84%;top:9%;left:3%}.case-pos-tablet{width:78%;top:9%;left:4%}.case-pos-phone{width:40%;bottom:5%;right:5%}@media (min-width:640px){.case-pos-laptop{width:76%;top:auto;bottom:13%;left:6%}.case-pos-tablet{width:68%;top:auto;bottom:12%;left:8%}.case-pos-phone{width:19%;bottom:7%;right:7%}}@media (min-width:1024px){.case-sheet .case-pos-laptop{width:64%;bottom:11%;left:13%}.case-sheet .case-pos-tablet{width:58%;bottom:10%;left:15%}.case-sheet .case-pos-phone{width:15%;bottom:7%;right:13%}}.case-lift{transition:translate var(--t-lift) var(--ease-out), scale var(--t-lift) var(--ease-out)}.case-lift:after{content:"";border-radius:inherit;box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;transition:opacity var(--t-lift) var(--ease-out);position:absolute;inset:0}.case-tilt{transition:transform .5s var(--ease-out)}.case-main,.case-phone{transition:translate .45s var(--ease-out)}.case-horizon{inset-inline:0;background:var(--sun);transform-origin:100%;height:3px;transition:transform var(--t-step) var(--ease-out);position:absolute;bottom:0;transform:scaleX(0)}.case-arrow{transition:translate var(--t-lift) var(--ease-out)}@media (hover:hover) and (pointer:fine){.case-card:hover .case-lift:after{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.case-card:hover .case-lift{translate:0 calc(var(--lift) * -1)}.case-card:hover .case-main{transition-duration:var(--t-push);translate:0 -4px}.case-card:hover .case-phone{transition-duration:var(--t-push);translate:0 -10px}.case-card:hover .case-horizon{transform-origin:0;transform:scaleX(1)}.case-card:hover .case-arrow{translate:4px}}.case-card:has(.case-open:focus-visible) .case-lift:after{opacity:1}@media (prefers-reduced-motion:no-preference){.case-card:active .case-lift{transition-duration:var(--t-lift), var(--t-press);scale:.985}}.case-dialog{overscroll-behavior:contain;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.case-dialog::backdrop{background:#1a141173}.case-sheet{background:#fff;min-height:100%;padding:8px 8px 24px;position:relative}@media (min-width:768px){.case-sheet{border-radius:30px;width:min(100% - 3rem,74rem);min-height:0;margin:1.5rem auto;padding:10px 10px 28px;box-shadow:0 40px 120px -30px #1a14118c}}.case-close{z-index:5;border:1px solid var(--line);width:44px;height:44px;color:var(--text);box-shadow:var(--shadow-rest);background:#fffffff0;border-radius:999px;place-items:center;display:grid;position:absolute;top:18px;right:18px}@supports not (view-transition-name:none){@media (prefers-reduced-motion:no-preference){.case-dialog[open] .case-sheet{animation:hoja-entra var(--t-swap) var(--ease-out) both}}}@keyframes hoja-entra{0%{opacity:0;transform:translateY(8px)}}::view-transition-group(*){animation-duration:.38s;animation-timing-function:cubic-bezier(.77,0,.175,1)}::view-transition-old(*){object-fit:cover;object-position:50% 100%;height:100%}::view-transition-new(*){object-fit:cover;object-position:50% 100%;height:100%}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.24s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}