html{scroll-behavior:smooth;scroll-padding-top:25px}body{overflow-x:hidden}a:focus-visible{outline:3px solid #226755;outline-offset:5px}.showcase{padding-top:100px;padding-bottom:90px}.showcase-heading{text-align:center;max-width:630px;margin:0 auto 50px}.showcase-heading h2{font-size:clamp(45px,6vw,76px);margin:0 0 20px;line-height:1.05}.showcase-heading>p:last-child{color:var(--muted);max-width:430px;margin:0 auto;font-size:18px}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.showcase-card{background:#e8decb;border-radius:28px;overflow:hidden;display:block;border:1px solid #dad2c2;text-decoration:none;color:var(--ink);transition:transform .2s}.showcase-card:hover{transform:translateY(-5px)}.retail-example{background:#e1e7da;border-color:#cdd7c6}.example-top{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:700}.example-top>span:last-child{font-size:24px;letter-spacing:0}.example-screen{width:calc(100% - 76px);max-width:310px;margin:10px auto 0;padding:26px 24px 24px;background:#fbfaf4;border-radius:24px 24px 0 0;box-shadow:0 5px 50px #192f2918;min-height:425px}.example-monogram{display:grid;place-items:center;width:51px;height:51px;background:#182638;color:#f2d596;border-radius:50%;font:24px Georgia,serif;margin-bottom:15px}.retail-example .example-monogram{background:#263e30;color:#d4e1c6}.example-screen>small{display:block;font-size:7px;letter-spacing:.11em;color:#6f776f;font-weight:700}.example-screen>h3{font:38px/1.1 Georgia,serif;margin:8px 0}.example-screen>p{font-size:11px;color:#657169;margin:0 0 18px;line-height:1.5}.example-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.example-actions>b{display:block;position:relative;background:#182638;color:white;padding:20px 12px;border-radius:14px;font:20px/1.1 Georgia,serif;min-height:95px}.example-actions>b:last-child{background:#eed6a5;color:#3b3022}.example-actions span{position:absolute;right:10px;bottom:10px;font-size:19px}.example-review{margin:9px 0;font-size:10px;background:white;border:1px solid #e4e2d8;padding:14px 10px;border-radius:12px}.example-location{background:#dfe9de;margin-top:10px;padding:16px 12px;font-size:12px;font-weight:650;border-radius:13px}.example-location>span{float:right}.example-big-review{position:relative;padding:20px 16px;background:#efe2b9;border-radius:16px;margin-bottom:10px}.example-big-review small{font-size:7px;letter-spacing:.11em;display:block}.example-big-review b{font:28px/1.05 Georgia,serif;display:block;margin:17px 0 9px}.example-big-review>span{font-size:9px}.example-mini-links{display:flex;gap:8px}.example-mini-links>span{padding:13px 8px;background:#fff;border:1px solid #e0e3d7;flex:1;font-size:10px;border-radius:12px}.example-bottom{position:relative;z-index:1;background:#f7f4eb;padding:28px;border-top:1px solid #e5dfd1}.retail-example .example-bottom{background:#f1f5ec;border-color:#d9e1d1}.example-bottom h3{font:27px/1.15 Georgia,serif;margin:0 0 10px;letter-spacing:-.03em}.example-bottom p{font-size:14px;color:#657169;max-width:330px;margin:0 0 18px}.example-bottom>b{font-size:13px}.example-bottom>b>span{margin-left:12px}.example-disclaimer{text-align:center;color:#797b73;font-size:11px;margin-top:22px}.contact-card .button{white-space:nowrap}.nav-cta{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:800px){.showcase{padding-top:70px;padding-bottom:45px}.showcase-grid{grid-template-columns:1fr;gap:24px;max-width:480px;margin:0 auto}.showcase-heading{margin-bottom:35px}.showcase-heading>p:last-child{font-size:16px}.site-header{padding-left:20px;padding-right:20px;gap:12px}.nav{gap:0}.nav-cta{font-size:12px;padding:10px 15px}.brand{font-size:15px;gap:8px}.brand-mark{width:32px;height:32px}.hero{padding-top:35px;gap:0}.hero h1{font-size:clamp(43px,11vw,66px)}.hero-lead{font-size:17px;line-height:1.6}.hero-actions{gap:22px;flex-direction:row;align-items:center;flex-wrap:wrap}.hero-note{margin-top:26px}.hero-visual{height:475px;margin-top:20px;transform:none;margin-bottom:0}.phone{transform:rotate(5deg);width:235px;height:450px}.orbit-one{width:330px;height:330px}.orbit-two{width:430px;height:430px}.visual-caption{left:8px;bottom:10px}.nfc-tag{right:0;top:95px;padding:10px}.advantages{padding-top:50px}.advantage-grid{gap:15px}.contact-card .button{width:100%;font-size:14px;white-space:normal}.footer{padding-bottom:30px}.button{min-height:48px}.contact-card{border-radius:22px}.example-screen{width:calc(100% - 60px)}.section-heading h2,.audience h2{font-size:42px}}
@media(max-width:359px){.brand{font-size:13px}.nav-cta{font-size:11px;padding:9px 12px}.site-header{padding-left:15px;padding-right:15px}.hero-visual{height:450px}.phone{width:215px;height:425px}.phone-speaker{left:78px}.nfc-tag{right:-8px}.example-screen{width:calc(100% - 38px);padding:22px 18px}.example-bottom{padding:23px}.example-bottom h3{font-size:25px}.showcase-heading h2{font-size:46px}}
.site-language{display:flex;align-items:center;gap:7px;font-size:11px}.site-language>span{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.site-language select{font:500 12px 'DM Sans',sans-serif;color:var(--ink);padding:10px 8px;min-height:44px;background:transparent;border:1px solid #d2cdbf;border-radius:100px;max-width:120px}.site-header{gap:20px}.nav{margin-left:auto}
@media(max-width:800px){.site-header{display:grid;grid-template-columns:1fr auto;height:auto;gap:10px;padding-top:16px;padding-bottom:12px}.site-header .nav{margin:0}.site-language{grid-column:1/-1;justify-self:end}.site-language select{min-height:36px;padding:6px 10px;font-size:11px}.hero{padding-top:28px}.hero h1{overflow-wrap:anywhere}.example-screen>h3{overflow-wrap:anywhere}.example-actions>b{font-size:18px;overflow-wrap:anywhere;min-height:105px}.example-review{font-size:9px}.example-big-review b{font-size:25px}.contact-card h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.showcase-card{transition:none}}
.hospitality-example .example-screen::before{content:"";display:block;height:105px;margin:-26px -24px 0;background:url('../demo/restaurante-ejemplo.webp') center/cover}
.hospitality-example .example-monogram{position:relative;margin-top:-25px;border:3px solid #fbfaf4;background:#183029;color:#f5e4b7}
.hospitality-example .example-screen>h3{font-size:31px}
@media(max-width:359px){.hospitality-example .example-screen::before{margin:-22px -18px 0}}