:root{--primario: #002050;--secundario: #084858;--texto-sec: #5b6b7b;--acento-cta: #d9a441;--fondo: #f6f6f6;--blanco: #fff;--gris-azul: #c3d1d5;--gris-azul-claro: #e9f0f2;--gris-azul-medio: #9fb6bd;--barra: #8ca9b1;--f-titulo: "Bebas Neue", Impact, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, monospace;--f-texto: "IBM Plex Sans JP", system-ui, sans-serif;--f-nav: "DM Sans", system-ui, sans-serif;--f-boton: "Figtree", system-ui, sans-serif;--f-etiqueta: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--fondo);color:var(--secundario);font-family:var(--f-texto);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.contenedor{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(16px,4.6vw,59px)}.titulo{font-family:var(--f-titulo);font-weight:400;color:var(--secundario);font-size:clamp(40px,6vw,60px);line-height:1.033;letter-spacing:-.025em}.antetitulo{font-family:var(--f-mono);font-size:20px;line-height:31px;text-align:center}.dorado{color:var(--acento-cta)}.btn-cta{display:inline-flex;align-items:center;background:var(--acento-cta);color:var(--primario);font-family:var(--f-boton);font-weight:700;font-size:17px;line-height:1;padding:16px 30px;border-radius:99px;box-shadow:0 10px 24px #d9a44161;transition:transform .18s,box-shadow .18s}.btn-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px #d9a4417a}.btn-cta.chico{font-size:15px;padding:12px 22px;box-shadow:0 6px 16px #d9a44159}.btn-contorno{display:inline-flex;align-items:center;height:59px;padding:0 9px 0 20px;background:#ffffff80;border:2px solid var(--secundario);border-radius:99px;font-family:var(--f-boton);font-weight:700;font-size:17px;color:var(--secundario);white-space:nowrap;transition:background .18s}.btn-contorno:hover{background:#fffc}.flecha{position:relative;width:30px;height:36px;flex:none;margin-left:6px}.flecha img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-wrap{position:sticky;top:25px;z-index:50;padding:0 16px;margin-top:25px}.nav{max-width:1109px;height:76px;margin:0 auto;padding:0 clamp(20px,4.7vw,60px);display:flex;align-items:center;justify-content:space-between;background:var(--blanco);border-radius:99px}.nav-logo{width:186px;height:19px;object-fit:contain;border-radius:2px}.nav-links{display:flex;align-items:center;gap:34px}.nav-link{font-family:var(--f-nav);font-weight:500;font-size:15px;color:var(--primario);font-variation-settings:"opsz" 14;white-space:nowrap}.nav-link.sec{color:var(--texto-sec)}.nav-link:hover{opacity:.75}.menu{position:relative}.menu>.nav-link{display:flex;align-items:center;gap:6px}.menu-lista{position:absolute;top:100%;left:-16px;padding-top:14px;visibility:hidden;opacity:0;transition:opacity .15s}.menu-lista div{background:var(--blanco);border-radius:14px;padding:8px;box-shadow:0 10px 30px #0020501f;min-width:210px}.menu-lista a{display:block;padding:9px 12px;border-radius:8px;font-family:var(--f-nav);font-weight:500;font-size:15px;color:var(--primario)}.menu-lista a:hover{background:var(--fondo)}.menu:hover .menu-lista,.menu:focus-within .menu-lista{visibility:visible;opacity:1}.hero{display:grid;grid-template-columns:583px 263px;column-gap:31px;justify-content:center;padding-top:64px}.hero .titulo{text-align:center}.hero-lado{padding-top:11px;display:flex;flex-direction:column;align-items:center}.hero-lado p{font-family:var(--f-mono);font-size:20px;line-height:31px;text-align:center}.hero-lado .btn-cta{margin-top:17px}.barra-funciones{position:relative;z-index:2;max-width:786px;min-height:44px;margin:65px auto -22px;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:4px 8px;background:var(--barra);border-radius:10px}.barra-funciones span{display:flex;align-items:center;gap:6px;font-family:var(--f-etiqueta);font-weight:800;font-size:13px;line-height:1.3}.barra-funciones .ico{flex:none;display:grid;place-items:center}.banda{background:url(/landing/hero-fondo.webp) center / cover no-repeat;padding:86px clamp(16px,4.6vw,59px) 55px}.banda img{width:1009px;margin:0 auto;border-radius:10px}.clientes{container-type:inline-size;max-width:1280px;margin:10px auto 0;overflow:hidden}.clientes-fila{--u: calc(100cqw / 1280);display:grid;grid-template-columns:168fr 170fr 184fr 174fr 181fr 189fr 214fr;grid-template-rows:minmax(0,1fr);align-items:center;justify-items:center;height:calc(144 * var(--u));padding-top:calc(18 * var(--u))}.clientes-fila img{max-width:none;width:calc(var(--w) * var(--u));aspect-ratio:1;object-fit:cover}.clientes-fila img:last-child{margin-top:calc(-17 * var(--u))}.que-hacemos{padding-top:47px;scroll-margin-top:110px}.que-hacemos .titulo{text-align:center;margin-top:22px}.tarjetas{display:grid;grid-template-columns:repeat(2,minmax(0,566px));gap:24px;justify-content:center;margin-top:52px}.tarjeta{position:relative;min-height:380px;padding:27px 28px 26px;display:flex;flex-direction:column;background:var(--gris-azul);border-radius:15px;overflow:hidden}.tarjeta h3{font-family:var(--f-titulo);font-weight:400;font-size:40px;line-height:62px;letter-spacing:-.025em;color:var(--blanco);padding-left:6px}.tarjeta h3 em{font-style:normal;color:var(--secundario)}.tarjeta p{position:relative;z-index:1;max-width:490px;padding-left:6px;margin-top:-3px;font-size:16px;line-height:31px;color:var(--blanco)}.tarjeta-botones{position:relative;z-index:1;margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.tarjeta-img{position:absolute;bottom:26px;object-fit:cover}.tarjeta-img.restaurante{right:41px;width:144px;height:213px}.tarjeta-img.tienda{right:18px;width:219px;height:234px}.reservas{margin-top:318px;background:var(--gris-azul);scroll-margin-top:110px}.reservas-in{position:relative;max-width:1280px;min-height:479px;margin:0 auto;display:flex;align-items:flex-start}.reservas-texto{width:420px;flex:none;margin:117px 0 0 98px;display:flex;flex-direction:column;align-items:center}.reservas-texto h2{width:379px;max-width:100%;margin-top:9px;text-align:center;font-family:var(--f-mono);font-weight:500;font-size:36px;line-height:40px;letter-spacing:.05em;color:var(--blanco);text-transform:uppercase}.reservas-texto .btn-cta{margin-top:42px}.dispositivos{container-type:inline-size;position:absolute;left:466px;top:-127px;width:764px}.dispositivos-in{--u: calc(100cqw / 764);position:relative;height:calc(693 * var(--u))}.dispositivos-in img,.dispositivos-in .cel-pantalla{position:absolute;max-width:none;object-fit:cover}.laptop-marco{left:calc(71 * var(--u));top:0;width:calc(693 * var(--u));height:calc(693 * var(--u))}.laptop-pantalla{left:calc(187 * var(--u));top:calc(195 * var(--u));width:calc(461 * var(--u));height:calc(288 * var(--u))}.cel-marco{left:0;top:calc(220 * var(--u));width:calc(374 * var(--u));height:calc(374 * var(--u))}.cel-pantalla{left:calc(115 * var(--u));top:calc(252 * var(--u));width:calc(145 * var(--u));height:calc(309 * var(--u));border-radius:calc(20 * var(--u));overflow:hidden}.cel-pantalla .p1{left:0;top:calc(-4 * var(--u));width:calc(146 * var(--u));height:calc(317 * var(--u))}.cel-pantalla .p2{left:0;top:calc(-4 * var(--u));width:calc(145 * var(--u));height:calc(319 * var(--u))}.cel-pantalla .isla{left:calc(50 * var(--u));top:calc(1 * var(--u));width:calc(43 * var(--u));height:calc(17 * var(--u));transform:scaleY(-1)}.pixeles{width:100%;height:auto}.como{padding-top:60px;padding-bottom:120px;scroll-margin-top:50px}.como-cabeza{display:flex;flex-direction:column;align-items:center}.como-cabeza .titulo{text-align:center;margin:18px 0 54px}.pasos{width:100%;max-width:800px;margin:58px auto 0;display:flex;flex-direction:column;gap:24px}.paso{display:flex;gap:24px;height:360px;padding:24px;border-radius:15px;background:var(--gris-azul-claro)}.paso:nth-child(2){background:var(--gris-azul)}.paso:nth-child(3){background:var(--gris-azul-medio)}.paso-texto{flex:1 0 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:14px 8px 14px 20px}.paso-num{font-family:var(--f-titulo);font-size:72px;line-height:72px;letter-spacing:-.025em}.paso h3{font-family:var(--f-titulo);font-weight:400;font-size:40px;line-height:44px;letter-spacing:-.015em}.paso h3+p{margin-top:10px;font-size:16px;line-height:26px}.paso-panel{width:380px;flex:none;padding:20px;display:flex;border-radius:12px;background:var(--secundario)}.paso-panel div{flex:1;display:grid;place-items:center;border-radius:14px;background:var(--fondo);font-family:var(--f-mono);font-size:14px;line-height:20px}@media (max-width: 1240px){.reservas-in{flex-direction:column;align-items:center;padding-bottom:40px}.reservas-texto{margin:64px 0 0;width:auto;padding:0 16px}.dispositivos{position:relative;left:auto;top:auto;width:min(764px,100%);margin-top:24px}}@media (max-width: 960px){.nav-links .nav-link,.nav-links .menu{display:none}.hero{grid-template-columns:minmax(0,583px);row-gap:24px;padding:48px 16px 0}.hero-lado{padding-top:0}.barra-funciones{margin:40px 16px -22px;flex-wrap:wrap;justify-content:center;padding:8px 12px}.tarjetas{grid-template-columns:minmax(0,566px)}.reservas{margin-top:120px}.paso{flex-direction:column;height:auto}.paso-panel{width:100%;height:260px}.paso-texto{gap:24px}}@media (max-width: 560px){.nav{height:64px}.nav-logo{width:140px;height:15px}.tarjeta{padding:20px 20px 26px}.tarjeta h3{font-size:34px;line-height:44px}.tarjeta-img{position:static;align-self:flex-end;margin-top:16px}.reservas-texto h2{font-size:28px;line-height:34px}.paso-num{font-size:56px;line-height:56px}}