.brand-bar{justify-content:flex-start;width:fit-content;min-width:0;inset:0 auto auto 0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important}#cafes,#clientes,#app-movil,#rewards,#sumarte{margin-inline:0;padding-inline:max(20px,50vw - 720px);width:100%!important;max-width:none!important}#cafes,#clientes{background:var(--kaffe-surface)}#cafes .eyebrow--dark,#clientes .eyebrow--dark,#app-movil .eyebrow--dark,#rewards .eyebrow--dark,#cafes .module-card__top>span,#cafes .module-card__top>small,#clientes .journey-step>span,#clientes .journey-step small,#rewards .club-benefit>span{color:var(--olive-dark)}#cafes .module-grid,#clientes .journey-map,#rewards .club-benefits{background:#0b0b0b1a;border-color:#0b0b0b1a}#cafes .module-card,#clientes .journey-step,#rewards .club-benefit{background:var(--kaffe-surface)}#app-movil .mobile-feature--button.is-active{border-color:var(--olive-dark);background:#46523b12}#app-movil .phone-app-search button,#app-movil .phone-place-card a,#app-movil .phone-tabbar span.is-active i,#app-movil .phone-map-pin--secondary{background:var(--olive-dark)}#cafes.discovery-map-route{min-height:760px;margin:0;padding:0;width:100%!important;max-width:none!important}#rewards .club-benefit:hover{background:var(--olive-dark)}#rewards .club-card{background:var(--kaffe-surface-secondary);color:var(--ink);border:1px solid #0b0b0b1a;box-shadow:0 18px 44px #0b0b0b14!important}#rewards .club-card span{color:var(--olive-dark)}#rewards .club-card p{color:var(--muted)}.hero__content{z-index:2;text-align:center;justify-content:center;align-items:center;width:min(1320px,100% - clamp(40px,7vw,104px));min-height:100svh;padding:clamp(108px,12svh,146px) 0 clamp(54px,7svh,82px);display:flex;transform:translateY(-18px)}.hero{color:var(--kaffe-white);background:linear-gradient(90deg,#0505059e 0%,#0505058a 35%,#05050570 66%,#05050557 100%),url(/assets/photos/kaffe-operations-hero.jpg) 50%/cover no-repeat}.hero:before{content:none}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#05050547 0%,#05050514 34%,#05050547 100%),radial-gradient(circle at 50% 52%,#0505051f 0%,#05050557 72%);position:absolute;inset:0}.hero__app-visual{z-index:4;aspect-ratio:644/1400;outline-offset:1px;opacity:1;transform-origin:50% 48%;height:min(91svh,980px);transform-style:preserve-3d;pointer-events:auto;will-change:transform;animation:hero-phone-enter .92s .18s var(--ease-luxury) backwards;transition:transform .42s var(--ease-luxury), box-shadow .36s ease, outline-color .36s ease;background:#090909;border:1px solid #050505;border-radius:clamp(36px,3.25vw,56px);outline:2px solid #464947eb;margin:0;padding:clamp(8px,.68vw,10px);position:absolute;top:51%;right:max(82px,50vw - 620px);overflow:visible;transform:perspective(1700px)translateY(-47%)rotateX(1.2deg)rotateY(-4.8deg)rotate(-2.7deg);box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 3.5px #b2b5b3b8,-3px 5px #030303,-16px 22px 42px #0b0b0b21,0 46px 92px #0b0b0b24}.hero__app-visual:hover{outline-color:#686c69f5;transform:perspective(1700px)translateY(calc(-47% - 12px))rotateX(.25deg)rotateY(-1.5deg)rotate(-.6deg)translateZ(28px)scale(1.01);box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 3.5px #cacdcbd1,-2px 3px #030303,-10px 18px 38px #0b0b0b29,0 62px 118px #0b0b0b33}.hero__app-screen{background-color:#fff;border:clamp(3px,.3vw,5px) solid #0a0a0a;border-radius:clamp(27px,2.55vw,45px);display:block;position:absolute;inset:clamp(8px,.68vw,10px);overflow:hidden;transform:translateZ(3px);box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px #0000006b,0 1px 2px #ffffff2e}.hero__app-screen-image{opacity:1;background-position:top;background-repeat:no-repeat;background-size:cover;display:block;position:absolute;inset:0}.hero__app-screen-image--map{z-index:1;background-image:url(/kaffe-customer-map-light.jpg)}.hero__app-screen-image--map:after{content:"";z-index:2;aspect-ratio:1;opacity:0;pointer-events:none;border:2px solid #3493efa8;border-radius:50%;width:16px;animation:4.8s ease-out 1.5s infinite hero-location-pulse;position:absolute;top:47.5%;left:34%;transform:translate(-50%,-50%)scale(.72);box-shadow:0 0 0 5px #3493ef1f,0 0 22px #3493ef38}.hero__app-screen:after{content:"";z-index:3;border-radius:inherit;opacity:.18;pointer-events:none;transition:opacity .42s ease, transform .76s var(--ease-luxury);background:linear-gradient(112deg,#0000 30%,#fff3 47%,#ffffff0d 52%,#0000 68%);position:absolute;inset:-8% -34%;transform:translate(-42%)}.hero__app-visual:hover .hero__app-screen:after{opacity:.34;transform:translate(38%)}.hero__app-visual:before,.hero__app-visual:after{content:"";background:#090909;border:0;display:block;position:absolute;box-shadow:inset 1px 0 #ffffff0e}.hero__app-visual:before{border-radius:2px 0 0 2px;width:clamp(3px,.2vw,4px);height:clamp(44px,5.2svh,64px);top:21%;left:-2px;box-shadow:inset 1px 0 #ffffff0e,0 clamp(76px,9svh,104px) #090909,0 clamp(126px,15svh,172px) #090909}.hero__app-visual:after{border-radius:0 2px 2px 0;width:clamp(3px,.2vw,4px);height:clamp(62px,7.8svh,92px);top:29%;right:-2px}.customer-phone-stage{isolation:isolate;place-items:center;min-width:0;height:min(78svh,780px);display:grid;position:relative}.customer-phone-stage__glow{z-index:0;filter:blur(44px);opacity:.74;pointer-events:none;width:min(44vw,590px);height:min(64svh,620px);transition:opacity .38s ease, transform .52s var(--ease-luxury);background:radial-gradient(#e5cfb18a 0%,#f4e8d84d 43%,#0000 73%);border-radius:50%;position:absolute}.hero__app-visual--customer{z-index:1;height:min(76svh,760px);animation:none;position:relative;top:auto;right:auto;transform:perspective(1700px)rotateX(1deg)rotateY(-4.2deg)rotate(-2.2deg)}.hero__app-visual--customer:hover{transform:perspective(1700px)translateY(-10px)rotateX(.2deg)rotateY(-1.2deg)rotate(-.45deg)translateZ(28px)scale(1.01)}.customer-phone-stage:has(.hero__app-visual--customer:hover) .customer-phone-stage__glow{opacity:.9;transform:scale(1.06)}.hero__copy-block{width:min(100%,980px);max-width:980px;margin-inline:auto}.hero h1{max-width:100%;color:var(--kaffe-white);font-size:clamp(4.6rem,6vw,6.2rem);line-height:.92}.hero__copy{color:#f5f5f5d1;max-width:680px;margin-inline:auto;font-size:clamp(1.08rem,1.3vw,1.28rem);line-height:1.52}.hero .button--light{background:var(--kaffe-white);color:var(--kaffe-black);border-color:var(--kaffe-white);box-shadow:none}.hero .button--light:hover{box-shadow:none;background:#fff}.hero .button--ghost{color:#f5f5f5eb;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0b0b1f;border-color:#f5f5f585}.hero .button--ghost:hover{color:var(--kaffe-white);background:#f5f5f514;border-color:#f5f5f5c7}.hero .actions{justify-content:center;align-items:center;gap:10px}.hero .hero-cta{letter-spacing:.02em;white-space:nowrap;border-radius:999px;gap:10px;min-height:50px;padding-inline:28px 30px;font-weight:450}.hero-cta__icon,.hero-cta__label{z-index:2;position:relative}.hero-cta__icon{--icon-size:19px;width:var(--icon-size);height:var(--icon-size);color:currentColor;transition:transform .22s var(--ease-luxury);flex:none}.hero .button--light .hero-cta__icon{--icon-color:var(--kaffe-black)}.hero .button--ghost .hero-cta__icon{--icon-color:var(--kaffe-white)}.hero .hero-cta:hover .hero-cta__icon{transform:translateY(1px)}@keyframes hero-phone-enter{0%{opacity:0;transform:perspective(1700px)translateY(-44%)rotateX(1.8deg)rotateY(-6deg)rotate(-1.7deg)scale(.94)}to{opacity:1;transform:perspective(1700px)translateY(-47%)rotateX(1.2deg)rotateY(-4.8deg)rotate(-2.7deg)scale(1)}}@keyframes hero-location-pulse{0%,72%,to{opacity:0;transform:translate(-50%,-50%)scale(.72)}78%{opacity:.72}90%{opacity:0;transform:translate(-50%,-50%)scale(2.25)}}.hero-line,.hero-line__inner{max-width:100%}.hero-line__inner{white-space:nowrap}.section h2,.section--dark h2,.mobile-copy h2,.product-copy h2,.identity-copy h2{font-size:4rem;line-height:1}.brand-logotype{width:100%;height:100%}.wallet-card__method{font-size:3.6rem}@media (max-width:1200px){.hero__app-visual{height:min(82svh,820px);right:max(36px,4vw)}.hero__copy-block{width:min(100%,860px);max-width:860px;margin-inline:auto}.customer-phone-stage{height:min(66svh,670px)}.hero__app-visual--customer{height:min(65svh,650px)}.hero h1{font-size:clamp(3.8rem,6.6vw,5.2rem)}.section h2,.section--dark h2,.mobile-copy h2,.product-copy h2,.identity-copy h2{font-size:3.35rem}}@media (max-width:860px){html,body{scroll-snap-type:y proximity;overflow-x:clip}.route-panel,.section,.section--dark,.section--dark>.section__inner,.footer{height:auto;min-height:100svh;max-height:none;overflow:visible}.hero{height:100svh;min-height:100svh;max-height:100svh;overflow:hidden}.hero__content{width:calc(100% - 28px);min-height:100svh;padding:max(116px, calc(96px + env(safe-area-inset-top))) 0 max(56px, calc(40px + env(safe-area-inset-bottom)));align-items:center;transform:none}.hero__app-visual{background-image:none;display:none}.hero__copy-block{width:100%;max-width:none;margin-inline:auto}.hero h1{width:100%;max-width:100%;font-size:2.7rem;line-height:.96}.hero__copy{width:100%;max-width:31ch;margin-inline:auto;font-size:1rem;line-height:1.46}.hero .hero-cta{min-height:48px}.hero-line__inner{white-space:nowrap}.section h2,.section--dark h2,.mobile-copy h2,.product-copy h2,.identity-copy h2{font-size:2.55rem;line-height:1.02}.customer-phone-stage{width:100%;height:min(62svh,610px);margin-top:18px}.hero__app-visual--customer{height:min(60svh,590px);display:block}.customer-phone-stage__glow{width:min(92vw,470px);height:min(54svh,500px)}#cafes.discovery-map-route{min-height:720px;padding:0}.section--intro,.product-section,.mobile-section,.wallet-section,.club-section,.identity-section{min-height:100svh;padding:92px 18px 64px}.section--dark>.section__inner{min-height:100svh;padding:92px 0 64px}.footer{min-height:100svh}.wallet-card__method{font-size:2.65rem!important}.section--intro .module-card p{-webkit-line-clamp:unset;display:block;overflow:visible}.club-benefit>span{grid-row:1/span 2}.club-benefit h3,.club-benefit p{grid-column:2}}@media (max-width:390px){.hero .hero-cta{padding-inline:22px}.hero h1{font-size:2.5rem}.section h2,.section--dark h2,.mobile-copy h2,.product-copy h2,.identity-copy h2{font-size:2.3rem}}@media (max-width:350px){.hero h1{font-size:2.28rem}}@media (prefers-reduced-motion:reduce){.hero__app-visual{opacity:1;animation:none}.hero__app-screen-image--map:after{animation:none}.hero__app-screen-image{opacity:0;animation:none}.hero__app-screen-image--map{opacity:1}}.landing-flow+.footer{scroll-snap-align:start;scroll-snap-stop:normal;min-height:0}