/* GNOBIX DELIVERY — diseño premium inspirado en la referencia visual */
:root{--glow:0 0 12px #ff790055,0 0 30px #ff790022;--orange:#ff7900;--amber:#ffb300}
.topbar{height:112px;padding:10px 22px;gap:18px;background:rgba(3,3,3,.97);border:2px solid #ff7900;border-radius:22px;margin:8px 10px 0;box-shadow:0 0 16px #ff790077,inset 0 0 18px #ff790015;justify-content:space-between}
.brand{flex:0 1 36%;min-width:210px;max-width:440px;height:100%;padding:3px 8px;border:2px solid #ff7900;border-radius:17px;box-shadow:var(--glow);overflow:hidden}
.brand-logo{width:100%;height:100%;object-fit:contain;border:0;border-radius:10px;box-shadow:none}
.main-nav{display:none!important}
.top-actions{flex:1;min-width:0;gap:14px;justify-content:flex-end}
.zone-pill{display:none}
#accountBtn,.orders-header,.cart-btn{height:76px;min-height:76px;border-radius:22px;padding:12px 20px;font-size:clamp(13px,1.3vw,20px);font-weight:800;white-space:nowrap;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:inset 0 0 16px #ff79000d,0 5px 18px #0009}
#accountBtn{max-width:260px;overflow:hidden;text-overflow:ellipsis;border:1px solid #7a4a20;background:linear-gradient(145deg,#202020,#070707);color:#fff;flex:1}
.orders-header{flex:1.05;min-width:155px;border:2px solid #ffe34a;background:linear-gradient(120deg,#ffb900,#ff7800 55%,#ff3b00);color:#fff;text-shadow:0 1px 3px #8e2200;box-shadow:0 0 10px #ff9b00,0 0 28px #ff650077,inset 0 2px 8px #fff8}
.orders-header:hover,#accountBtn:hover,.cart-btn:hover{transform:translateY(-2px);box-shadow:0 0 14px #ff9b00,0 0 30px #ff650088}
.cart-btn{min-width:112px;display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid #ffe34a;background:linear-gradient(135deg,#ffd500,#ff8700 58%,#ff5800);color:#080808;box-shadow:0 0 12px #ff9b00,0 0 28px #ff650055,inset 0 2px 8px #fff9;font-size:25px}
.cart-btn span{display:inline-grid;place-items:center;min-width:44px;min-height:44px;margin:0;border-radius:50%;background:#080808;color:#ffbd00;font-size:22px}
.hero{min-height:590px;grid-template-columns:1.15fr .85fr;padding:46px max(4vw,28px) 40px;background-position:center 48%;background-size:cover}
.hero:before{background:linear-gradient(90deg,#030303f2 0%,#030303d9 32%,#03030372 65%,#03030322 100%)}
.hero-copy{max-width:780px}.pill{border:2px solid #ff9800;border-radius:40px;padding:13px 22px;color:#ffb300;font-size:clamp(11px,1vw,15px);box-shadow:0 0 15px #ff790022}
.hero h1{font-size:clamp(52px,6.3vw,96px);line-height:.99;letter-spacing:-.06em;margin:24px 0 16px}.hero h1 em{color:#ff7900;text-shadow:0 0 24px #ff790077}
.hero-copy>p{max-width:700px;color:#fff;font-size:clamp(17px,2vw,28px);line-height:1.35}
.hero-perks{gap:clamp(14px,3vw,45px);margin:26px 0}.hero-perks span{font-size:34px;gap:13px;text-shadow:0 0 12px #ff790066}.hero-perks small{font-size:clamp(11px,1.2vw,17px);line-height:1.35}
.hero .cta{min-width:min(100%,480px);min-height:86px;justify-content:space-between;padding:22px 32px;border:2px solid #fff052;border-radius:23px;background:linear-gradient(120deg,#ffcf00,#ff8a00 55%,#ff4a00);font-size:clamp(19px,2.4vw,34px);box-shadow:0 0 10px #ffb900,0 0 30px #ff650066,inset 0 2px 8px #fff9}
.hero .cta:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 0 18px #ffe34a,0 0 42px #ff650099}
.hero-art{min-height:360px}.hero-stamp{right:3%;top:30%;font-size:clamp(35px,4vw,62px);text-shadow:0 5px 18px #000}
.benefits{background:#050505;border-top:1px solid #ff7900;border-bottom:1px solid #ff7900;padding:28px max(3vw,20px);gap:24px}.benefits div{grid-template-columns:52px 1fr;column-gap:17px;padding:6px 15px;border-right:1px solid #ff790066}.benefits div:last-child{border-right:0}.benefits span{font-size:clamp(20px,2.4vw,32px);color:#ffad00}.benefits b{font-size:clamp(14px,1.4vw,21px)}.benefits small{font-size:clamp(12px,1.2vw,17px)}
.category-section{background:#050505}.category-tile{border:2px solid #ff7900;box-shadow:inset 0 0 15px #ff790022,0 4px 12px #000}.category-tile:hover,.category-tile.selected{box-shadow:0 0 18px #ff790088,inset 0 0 22px #ff790044}
.cta,.orders-header,.cart-btn{position:relative;isolation:isolate}.orders-header:active,.cart-btn:active,.cta:active{transform:scale(.98)}
.footer-logo{width:220px;height:auto;max-height:110px;object-fit:contain}
@media(max-width:900px){.topbar{height:94px;padding:8px 10px;gap:10px;border-radius:16px}.brand{min-width:145px;flex-basis:27%;padding:2px 4px;border-radius:12px}.top-actions{gap:8px}#accountBtn,.orders-header,.cart-btn{height:66px;min-height:66px;padding:8px 12px;border-radius:16px;font-size:clamp(11px,1.8vw,16px)}.cart-btn{min-width:78px;font-size:20px;gap:5px}.cart-btn span{min-width:36px;min-height:36px;font-size:18px}.orders-header{min-width:120px}.hero{grid-template-columns:1fr .6fr;padding-top:42px}.hero-stamp{top:38%}}
@media(max-width:650px){.topbar{height:88px;min-height:88px;margin:4px 4px 0;padding:7px;gap:7px;border-radius:14px}.brand{flex:0 1 25%;min-width:0;width:25%;height:68px;padding:2px;border-radius:10px}.brand-logo{width:100%;height:100%;object-fit:contain}.top-actions{flex:1;gap:6px;margin:0;min-width:0}#accountBtn,.orders-header,.cart-btn{height:62px;min-height:62px;padding:6px 7px;border-radius:13px;font-size:clamp(9px,2.8vw,13px)}#accountBtn{flex:1.02;max-width:34%;min-width:0}#myOrdersBtn{flex:1.1;min-width:0;gap:4px;font-size:clamp(9px,2.7vw,12px);padding:6px 5px}.cart-btn{flex:0 0 auto;min-width:60px;padding:5px 6px;font-size:18px;gap:4px}.cart-btn span{min-width:32px;min-height:32px;font-size:16px}.hero{grid-template-columns:1fr;min-height:0;padding:40px 22px 36px;background-position:58% center}.hero:before{background:linear-gradient(90deg,#030303ed,#030303b8)}.hero h1{font-size:clamp(44px,9vw,58px);margin:22px 0 17px}.hero-copy>p{font-size:16px;line-height:1.5}.hero-perks{gap:8px;justify-content:space-between;margin:25px 0}.hero-perks span{font-size:22px;gap:5px}.hero-perks small{font-size:clamp(9px,2.5vw,12px)}.hero .cta{min-width:100%;min-height:72px;padding:18px 20px;font-size:clamp(17px,4.5vw,23px);border-radius:17px}.hero-art{min-height:120px;margin-top:5px}.hero-stamp{top:8px;right:7%;font-size:34px}.benefits{grid-template-columns:1fr;padding:18px 20px;gap:13px}.benefits div{border-right:0;padding:6px 0;grid-template-columns:42px 1fr}.benefits b{font-size:16px}.benefits small{font-size:13px}.category-section{padding:30px 16px 0}.catalog{padding:32px 16px 48px}.restaurant-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}footer{gap:8px}.footer-logo{width:160px}}
@media(max-width:380px){.topbar{gap:4px;padding:5px}.brand{height:58px;flex-basis:23%;width:23%}#accountBtn,.orders-header,.cart-btn{height:54px;min-height:54px;padding:4px;font-size:9px;border-radius:10px}#myOrdersBtn{font-size:9px}.cart-btn{min-width:53px;font-size:15px}.cart-btn span{min-width:28px;min-height:28px;font-size:14px}.hero h1{font-size:42px}}

/* Ajuste final para clonar la referencia aprobada: logo cuadrado limpio, sin marco duplicado. */
.topbar .brand{flex:0 0 clamp(76px,12vw,150px);width:clamp(76px,12vw,150px);min-width:0;max-width:none;height:100%;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.topbar .brand-logo{display:block;width:100%;height:100%;max-height:90px;object-fit:contain;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.topbar{border-radius:0 0 18px 18px;margin:0;padding:10px clamp(10px,2.2vw,28px);border-width:0 0 2px;min-height:100px}
.top-actions{gap:clamp(6px,1.2vw,14px)}
#accountBtn,.orders-header,.cart-btn{flex-shrink:0}
@media(max-width:650px){
 .topbar{height:104px;min-height:104px;padding:8px 10px;gap:7px;border-radius:0 0 14px 14px}
 .topbar .brand{flex:0 0 76px;width:76px;height:82px;min-width:0;padding:0;border:0!important;border-radius:0!important;box-shadow:none!important}
 .topbar .brand-logo{width:76px;height:82px;object-fit:contain;border:0!important;border-radius:0!important;box-shadow:none!important}
 .top-actions{gap:6px;flex:1;min-width:0}
 #accountBtn{flex:1 1 0;max-width:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #myOrdersBtn{flex:1.12 1 0;min-width:0;white-space:nowrap}
 .cart-btn{flex:0 0 auto;min-width:58px;padding:5px 6px;gap:4px}
 .cart-btn span{min-width:32px;min-height:32px}
 .hero{background-position:58% center}
}
@media(max-width:390px){
 .topbar{padding-left:7px;padding-right:7px;gap:4px}
 .topbar .brand,.topbar .brand-logo{width:64px;flex-basis:64px;height:72px}
 #accountBtn,.orders-header,.cart-btn{font-size:9px;padding-left:4px;padding-right:4px}
 .cart-btn{min-width:50px}
 .cart-btn span{min-width:27px;min-height:27px}
}

/* Cabecera: moto aislada, sin marco ni fondo cuadrado. */
.topbar .brand{flex:0 0 clamp(92px,13vw,155px);width:clamp(92px,13vw,155px);height:76px;display:flex;align-items:center;justify-content:center;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.topbar .brand-logo{display:block;width:100%;height:100%;max-height:76px;object-fit:contain;object-position:center;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:650px){.topbar .brand{flex:0 0 94px;width:94px;height:66px}.topbar .brand-logo{width:94px;height:66px;max-height:66px;object-fit:contain}}
@media(max-width:390px){.topbar .brand{flex-basis:82px;width:82px;height:60px}.topbar .brand-logo{width:82px;height:60px;max-height:60px}}

/* FIX 2026-10-16: evitar que la moto quede cortada en la cabecera móvil. */
.topbar .brand{height:76px;align-self:center;overflow:visible!important}
.topbar .brand-logo{height:auto!important;max-height:68px!important;width:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:650px){.topbar .brand{height:66px!important}.topbar .brand-logo{height:auto!important;max-height:54px!important;width:100%!important;object-fit:contain!important}}
@media(max-width:390px){.topbar .brand{height:60px!important}.topbar .brand-logo{max-height:48px!important}}

/* Logo completo de cabecera: moto y ruedas enteras, sin marco ni recorte. */
.topbar .brand{flex:0 0 190px!important;width:190px!important;min-width:0!important;height:76px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.topbar .brand-logo{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:650px){.topbar .brand{flex:0 0 132px!important;width:132px!important;height:62px!important}.topbar .brand-logo{width:132px!important;height:62px!important;max-height:none!important;object-fit:contain!important}}
@media(max-width:390px){.topbar .brand{flex:0 0 104px!important;width:104px!important;height:54px!important}.topbar .brand-logo{width:104px!important;height:54px!important;max-height:none!important;object-fit:contain!important}}


/* GNOBIX DELIVERY — rediseño exclusivo de tarjetas de categorías */
#categorias.category-section{padding:42px max(5vw,22px) 16px!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 0%,rgba(255,120,0,.09),transparent 58%),#050505!important}
#categorias .category-heading{max-width:1280px;margin:0 auto 22px!important;align-items:flex-end!important;gap:14px!important}
#categorias .category-heading h2{font-size:clamp(28px,3vw,38px)!important;letter-spacing:-.035em!important;text-shadow:0 0 22px rgba(255,120,0,.18)!important}
#categorias .category-note{color:#c4c4c4!important;font-size:13px!important}
#categorias .category-list{max-width:1280px;margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:stretch!important;gap:15px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;padding:9px 8px 24px!important;scrollbar-width:thin!important;scrollbar-color:#ff7900 #171717!important}
#categorias .category-tile{position:relative!important;isolation:isolate!important;flex:0 0 128px!important;min-width:128px!important;min-height:142px!important;padding:18px 10px 16px!important;gap:13px!important;justify-content:center!important;overflow:hidden!important;border:1px solid rgba(255,126,0,.82)!important;border-radius:21px!important;background:radial-gradient(ellipse at 50% 0%,rgba(255,147,0,.19),transparent 64%),linear-gradient(145deg,#1b1b1b 0%,#0b0b0b 62%,#15100b 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -12px 28px rgba(255,115,0,.045),0 8px 22px rgba(0,0,0,.48)!important;scroll-snap-align:center!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
#categorias .category-tile:before{content:""!important;position:absolute!important;inset:5px!important;border:1px solid rgba(255,166,0,.11)!important;border-radius:15px!important;pointer-events:none!important;z-index:-1!important}
#categorias .category-tile:after{content:""!important;position:absolute!important;left:18%!important;right:18%!important;top:0!important;height:2px!important;background:linear-gradient(90deg,transparent,#ffb300,#ff6500,transparent)!important;opacity:.95!important;box-shadow:0 0 13px #ff7900!important}
#categorias .category-tile span{display:grid!important;place-items:center!important;width:66px!important;height:66px!important;flex:0 0 66px!important;border-radius:19px!important;background:radial-gradient(circle at 35% 25%,#34302a,#141414 72%)!important;border:1px solid rgba(255,166,0,.24)!important;font-size:40px!important;line-height:1!important;filter:drop-shadow(0 5px 8px rgba(255,112,0,.24))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 20px rgba(255,124,0,.08)!important}
#categorias .category-tile b{position:relative!important;z-index:1!important;color:#f7f7f7!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important}
#categorias .category-tile:hover{transform:translateY(-5px)!important;border-color:#ffc247!important;box-shadow:0 0 0 1px rgba(255,153,0,.24),0 0 27px rgba(255,119,0,.3),inset 0 0 24px rgba(255,119,0,.12)!important}
#categorias .category-tile.selected{transform:translateY(-3px)!important;border:1px solid #ffd15a!important;background:radial-gradient(ellipse at 50% 0%,rgba(255,195,0,.28),transparent 66%),linear-gradient(145deg,#292016,#0b0b0b 72%)!important;box-shadow:0 0 0 1px rgba(255,188,0,.35),0 0 25px rgba(255,155,0,.29),inset 0 0 23px rgba(255,165,0,.1)!important}
#categorias .category-tile.selected span{border-color:rgba(255,195,0,.65)!important;box-shadow:0 0 20px rgba(255,163,0,.18)!important}
#categorias .category-tile.selected b{color:#ffc13b!important;text-shadow:0 0 12px rgba(255,174,0,.3)!important}
@media(max-width:900px){#categorias .category-list{justify-content:flex-start!important}#categorias .category-tile{flex-basis:120px!important;min-width:120px!important;min-height:136px!important}}
@media(max-width:650px){#categorias.category-section{padding:32px 15px 10px!important}#categorias .category-heading{margin-bottom:17px!important}#categorias .category-heading h2{font-size:29px!important}#categorias .category-note{font-size:11px!important}#categorias .category-list{gap:12px!important;padding:8px 5px 22px!important}#categorias .category-tile{flex:0 0 126px!important;min-width:126px!important;min-height:145px!important;border-radius:20px!important;gap:12px!important}#categorias .category-tile span{width:66px!important;height:66px!important;flex-basis:66px!important;font-size:39px!important}#categorias .category-tile b{font-size:13px!important}}

/* GNOBIX DELIVERY — category image cards only */
.category-list{display:flex;align-items:stretch;justify-content:flex-start;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:10px 4px 24px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.category-list::-webkit-scrollbar{display:none}
.category-tile{position:relative;isolation:isolate;flex:0 0 clamp(145px,19vw,205px);min-width:0;min-height:0;height:clamp(178px,23vw,235px);padding:0 0 13px;gap:0;justify-content:flex-end;overflow:hidden;border-radius:25px;border:2px solid #ff7900;background:#090909;scroll-snap-align:center;box-shadow:0 8px 22px #000b,inset 0 0 20px #ff790022;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.category-tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,#050505 76%,#050505 100%)}
.category-tile .category-photo{position:absolute;inset:0 0 39px;width:100%;height:calc(100% - 39px);object-fit:cover;object-position:center 42%;z-index:-2;transition:transform .35s ease;mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}
.category-tile b{display:block;width:100%;padding:0 7px;color:#fff;text-align:center;font-size:clamp(13px,1.2vw,16px);font-weight:800;line-height:1.15;text-shadow:0 2px 8px #000;overflow-wrap:anywhere}
.category-tile:hover,.category-tile.selected{transform:translateY(-3px);border-color:#ffd12a;box-shadow:0 0 8px #ffb000,0 0 24px #ff790088,inset 0 0 22px #ffb00022}
.category-tile.selected b{color:#ffc226}
.category-tile:hover .category-photo,.category-tile.selected .category-photo{transform:scale(1.045)}
@media(max-width:650px){.category-section{padding:34px 22px 10px}.category-heading{margin-bottom:13px}.category-list{gap:13px;padding:9px 2px 23px}.category-tile{flex:0 0 146px;height:194px;border-radius:23px;padding-bottom:14px}.category-tile .category-photo{inset:0 0 42px;height:calc(100% - 42px);object-position:center 42%}.category-tile b{font-size:14px;padding:0 5px}.category-tile.selected{box-shadow:0 0 9px #ffd12a,0 0 20px #ff790077,inset 0 0 22px #ffb00022}}
@media(min-width:651px){.category-list{justify-content:center}.category-tile{flex-basis:clamp(135px,14vw,190px)}}


/* AJUSTE DEFINITIVO EXCLUSIVO DE LAS TARJETAS DE CATEGORÍAS.
   Fotos recortadas individualmente para eliminar restos de tarjetas vecinas.
   No modificar cabecera ni otros bloques de la web. */
#categorias .category-list{
  display:flex!important; flex-wrap:nowrap!important; justify-content:flex-start!important;
  align-items:stretch!important; gap:14px!important; overflow-x:auto!important; overflow-y:hidden!important;
  padding:10px 4px 22px!important; scroll-snap-type:x mandatory!important;
  scroll-padding-inline:4px!important; scrollbar-width:none!important;
}
#categorias .category-list::-webkit-scrollbar{display:none!important}
#categorias .category-tile{
  position:relative!important; display:flex!important; flex:0 0 clamp(250px,28vw,330px)!important;
  width:clamp(250px,28vw,330px)!important; min-width:0!important; height:auto!important;
  aspect-ratio: 1.18 / 1!important; min-height:0!important; padding:0 0 12px!important;
  gap:0!important; justify-content:flex-end!important; align-items:center!important;
  overflow:hidden!important; scroll-snap-align:start!important; border:1.5px solid #ff7900!important;
  border-radius:22px!important; background:#080808!important;
  box-shadow:0 0 12px #ff790033,inset 0 0 12px #ff790018!important; transform:none!important;
}
#categorias .category-tile:before{
  content:""!important; position:absolute!important; inset:0!important; z-index:0!important;
  border:0!important; border-radius:inherit!important; pointer-events:none!important;
  background:linear-gradient(to bottom,transparent 54%,rgba(0,0,0,.22) 68%,rgba(0,0,0,.92) 100%)!important;
}
#categorias .category-tile:after{content:none!important}
#categorias .category-tile .category-photo{
  position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important;
  object-fit:cover!important; object-position:center center!important; z-index:0!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:inherit!important;
  mask-image:none!important; transform:none!important; transition:none!important;
}
#categorias .category-tile b{
  position:relative!important; z-index:1!important; display:block!important; width:100%!important;
  margin:0!important; padding:0 10px!important; text-align:center!important; color:#fff!important;
  font-size:clamp(16px,2vw,21px)!important; font-weight:800!important; line-height:1.1!important;
  overflow-wrap:normal!important; text-shadow:0 2px 10px #000,0 0 8px #000!important;
}
#categorias .category-tile.selected{border-color:#ffc226!important;box-shadow:0 0 14px #ff790077,inset 0 0 12px #ff790022!important}
#categorias .category-tile.selected b{color:#fff!important}
#categorias .category-tile:hover .category-photo,
#categorias .category-tile.selected .category-photo{transform:none!important}
@media(max-width:650px){
 #categorias.category-section{padding-left:16px!important;padding-right:16px!important}
 #categorias .category-list{gap:13px!important;padding:8px 2px 22px!important}
 #categorias .category-tile{flex:0 0 min(82vw,340px)!important;width:min(82vw,340px)!important;aspect-ratio:1.18 / 1!important;border-radius:20px!important}
 #categorias .category-tile b{font-size:19px!important}
}


/* GNOBIX DELIVERY — descubrimiento gastronómico: sustituye únicamente el carrusel de categorías */
#categorias.discover-section{padding:clamp(32px,4vw,56px) max(5vw,22px) 34px!important;background:radial-gradient(ellipse at 50% 0%,rgba(255,121,0,.085),transparent 58%),#050505!important;overflow:hidden!important}
.discover-heading{max-width:1280px;margin:0 auto 22px}
.discover-heading h2{font:800 clamp(30px,3.4vw,43px)/1.08 Manrope,sans-serif;letter-spacing:-.04em;margin:10px 0 9px;color:#fff}
.discover-heading p{margin:0;color:#aaa;font-size:clamp(14px,1.5vw,17px);line-height:1.5}
.crave-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.crave-card{position:relative;isolation:isolate;display:block;min-width:0;height:clamp(220px,24vw,315px);overflow:hidden;border:1px solid rgba(255,130,0,.78);border-radius:22px;background:#111;box-shadow:0 9px 24px #0008,inset 0 0 0 1px #ffb00018;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.crave-card img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;z-index:-2;transition:transform .3s}
.crave-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.94) 100%)}
.crave-copy{position:absolute;left:0;right:0;bottom:0;padding:20px 16px 17px;display:flex;flex-direction:column;gap:7px;text-align:left}
.crave-copy small{font-size:10px;font-weight:900;letter-spacing:.13em;color:#ffb12b;line-height:1.3}
.crave-copy b{font:800 clamp(17px,1.65vw,23px)/1.12 Manrope,sans-serif;color:#fff;text-shadow:0 2px 12px #000}
.crave-copy>span{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#eee;font-size:12px;font-weight:700}
.crave-copy i{font-style:normal;color:#ffab16;font-size:18px}
.crave-card:hover{transform:translateY(-4px);border-color:#ffc13a;box-shadow:0 0 0 1px #ffad3333,0 12px 30px #ff790027}
.crave-card:hover img{transform:scale(1.035)}
.fulfillment-picks{max-width:1280px;margin:17px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fulfillment-pick{display:flex;align-items:center;gap:14px;min-width:0;padding:17px 19px;text-align:left;color:#fff;background:linear-gradient(110deg,#17120d,#090909);border:1px solid #ff790077;border-radius:17px;cursor:pointer;box-shadow:inset 0 0 18px #ff79000a;transition:border-color .2s,transform .2s,box-shadow .2s}
.fulfillment-pick:hover{border-color:#ffb52a;transform:translateY(-2px);box-shadow:0 0 18px #ff790022}
.fulfillment-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:13px;background:linear-gradient(135deg,#ffb300,#ff7900);color:#17100a;font-size:27px;font-weight:900}
.fulfillment-pick>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.fulfillment-pick b{font-size:15px;font-weight:800}
.fulfillment-pick small{color:#aaa;font-size:12px;line-height:1.4}
.fulfillment-pick>i{margin-left:auto;font-style:normal;color:#ffab16;font-size:24px}
@media(max-width:900px){.crave-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crave-card{height:clamp(215px,34vw,285px)}.crave-copy b{font-size:clamp(18px,2.8vw,24px)}}
@media(max-width:560px){#categorias.discover-section{padding:31px 16px 25px!important}.discover-heading{margin-bottom:17px}.discover-heading h2{font-size:30px}.discover-heading p{font-size:14px}.crave-grid{gap:11px}.crave-card{height:210px;border-radius:17px}.crave-copy{padding:15px 11px 13px;gap:6px}.crave-copy small{font-size:8px;letter-spacing:.09em}.crave-copy b{font-size:17px}.crave-copy>span{font-size:10px}.crave-copy i{font-size:16px}.fulfillment-picks{grid-template-columns:1fr;gap:10px;margin-top:13px}.fulfillment-pick{padding:13px 14px}.fulfillment-icon{flex-basis:42px;height:42px}.fulfillment-pick b{font-size:14px}.fulfillment-pick small{font-size:11px}}


/* Ajustes móviles finales: evitar truncar acceso y compactar transición a restaurantes. */
.account-label-mobile{display:none}
@media(max-width:650px){
  .account-label-desktop{display:none!important}
  .account-label-mobile{display:inline!important}
  #accountBtn{max-width:none!important;flex:0 0 auto!important;width:auto!important;min-width:66px!important;padding:9px 8px!important;font-size:11px!important;letter-spacing:0!important;overflow:visible!important;text-overflow:clip!important}
  .discover-section{padding-bottom:4px!important}
  .crave-grid{margin-bottom:0!important;padding-bottom:0!important;row-gap:12px!important}
  .crave-card{margin-bottom:0!important}
  .catalog{margin-top:0!important;padding-top:18px!important}
  .crave-card[data-category="postre"] img{object-position:center 52%!important;transform:scale(1.01)!important}
}
@media(max-width:390px){#accountBtn{min-width:60px!important;padding:8px 6px!important;font-size:10px!important}}


/* Corrección móvil final GNOBIX DELIVERY: acceso legible y transición compacta al catálogo. */
@media (max-width:650px){
  #accountBtn{
    width:66px!important; min-width:66px!important; max-width:66px!important;
    flex:0 0 66px!important; justify-content:center!important;
    padding:8px 4px!important; font-size:11px!important; letter-spacing:0!important;
    white-space:nowrap!important; overflow:hidden!important; text-overflow:clip!important;
  }
  #accountBtn .account-label-desktop{display:none!important}
  #accountBtn .account-label-mobile{display:inline!important; white-space:nowrap!important}
  #categorias.discover-section{padding-bottom:0!important; margin-bottom:0!important}
  #categorias .discover-heading{margin-bottom:14px!important}
  #categorias .crave-grid{margin-bottom:0!important; padding-bottom:0!important; row-gap:11px!important}
  #categorias .crave-card{margin-bottom:0!important}
  #restaurants.catalog{margin-top:0!important; padding-top:12px!important}
  #categorias .crave-card[data-category="postre"] img{object-position:center 52%!important}
}
@media(max-width:390px){
  #accountBtn{width:60px!important;min-width:60px!important;max-width:60px!important;flex-basis:60px!important;font-size:10px!important}
}

/* Corrección final verificada para móvil: no recortar el botón Entrar ni dejar huecos extra. */
@media (max-width:650px){
  .topbar .top-actions{min-width:0!important;gap:6px!important}
  #accountBtn{flex:0 0 70px!important;width:70px!important;min-width:70px!important;max-width:70px!important;padding:6px 3px!important;overflow:hidden!important}
  #accountBtn .account-label-mobile{display:inline-block!important;font-size:11px!important;line-height:1!important;white-space:nowrap!important}
  #accountBtn .account-label-desktop{display:none!important}
  #categorias.discover-section{padding-bottom:8px!important;margin-bottom:0!important}
  #categorias .crave-grid{row-gap:11px!important;margin-bottom:0!important}
  #categorias .crave-card{height:clamp(190px,55vw,220px)!important;overflow:hidden!important}
  #categorias .crave-card img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 45%!important;transform:none!important}
  #categorias .crave-card[data-category="postre"] img{object-position:center 48%!important}
  #restaurants.catalog{padding-top:18px!important;margin-top:0!important}
}
@media(max-width:390px){
  #accountBtn{flex-basis:62px!important;width:62px!important;min-width:62px!important;max-width:62px!important}
  #accountBtn .account-label-mobile{font-size:10px!important}
}

/* Perfil de cliente GNOBIX: panel de cuenta con acciones explícitas, sin cerrar sesión al abrirlo. */
.profile-card{width:min(520px,100%);background:#090909;color:#f7f7f7;border:1px solid #ff790066;border-radius:22px;padding:27px;max-height:90dvh;box-shadow:0 20px 70px #000b}
.profile-card .close{background:#242424;color:#fff}
.profile-card .eyebrow{color:#ff9b16}
.profile-hero{display:flex;align-items:center;gap:15px;margin:20px 0 14px;padding-right:24px}
.profile-avatar{flex:0 0 62px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffd21a,#ff7900);color:#fff;font:800 27px Manrope;box-shadow:0 0 22px #ff790044}
.profile-card .profile-hero h2{margin:0 0 4px;font-size:24px;overflow-wrap:anywhere}
.profile-card .profile-hero p{margin:0;color:#aaa;font-size:13px;overflow-wrap:anywhere}
.profile-ready{display:flex;gap:10px;align-items:center;border:1px solid #ff790044;background:#20150d;border-radius:12px;padding:12px;color:#f7c36c;font-size:13px;margin-bottom:23px}
.profile-section-title{font:800 16px Manrope;margin:22px 0 4px;color:#fff}
.profile-subtitle{font-size:12px;color:#aaa;margin:0 0 10px}
.profile-card label:not(.profile-toggle-row){color:#ddd;font-size:12px;margin:13px 0}
.profile-card input:not([type=checkbox]){background:#111;color:#fff;border-color:#444;border-radius:11px;padding:13px}
.profile-card .cta{background:linear-gradient(100deg,#ffc400,#ff7900);color:#111;border-radius:12px;box-shadow:0 0 18px #ff790033}
.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #303030;background:#111;border-radius:13px;padding:14px;margin:10px 0!important;color:#fff!important}
.profile-toggle-row span{display:grid;gap:4px}.profile-toggle-row b{font-size:13px}.profile-toggle-row small{font-size:11px;line-height:1.4;color:#aaa;font-weight:400}
.profile-toggle-row input[type=checkbox]{appearance:none;width:42px;height:25px;flex:0 0 42px;border-radius:99px;background:#555;position:relative;margin:0;cursor:pointer}
.profile-toggle-row input[type=checkbox]:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .18s}
.profile-toggle-row input[type=checkbox]:checked{background:#ff8500}.profile-toggle-row input[type=checkbox]:checked:before{transform:translateX(17px)}
.profile-action{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#111;border:1px solid #383838;border-radius:13px;color:#fff;padding:14px;margin:9px 0}
.profile-action>span:first-child{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:10px;background:#30200f;color:#ff9b16;font-size:21px}
.profile-action>span:nth-child(2){display:grid;gap:4px}.profile-action b{font-size:13px}.profile-action small{font-size:11px;line-height:1.35;color:#aaa}.profile-action i{margin-left:auto;font-size:24px;font-style:normal;color:#ff9b16}
.profile-action.signout-action{border-color:#51302a}.profile-action.signout-action>span:first-child{background:#35201b;color:#ff9c79}
@media(max-width:560px){.profile-card{padding:23px 19px;border-radius:19px}.profile-card .profile-hero h2{font-size:21px}.profile-ready{font-size:12px}}