/* Retoque visual del inicio; conserva el carrusel, las categorías y sus acciones. */
#s-home:not(.search-active) .hdr-row{align-items:center;gap:12px}
#s-home .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}
#s-home:not(.search-active) .header-actions>.ni,#s-home:not(.search-active) .header-actions>.top-notif-btn{position:relative;inset:auto;display:grid;place-items:center;width:34px;height:34px;min-width:34px;margin:0;padding:0;border:1px solid #ffffff26;border-radius:11px;background:#ffffff12;color:white;box-sizing:border-box}
#s-home:not(.search-active) .header-actions svg{width:19px;height:19px}
#s-home:not(.search-active) .header-actions .fa-bell{font-size:18px}
#s-home:not(.search-active) .header-actions .cbadge,#s-home:not(.search-active) .header-actions .top-notif-badge{position:absolute;top:-4px;right:-4px;margin:0}
#s-home:not(.search-active) .search{border:1px solid #ffffff24;box-shadow:0 2px 8px #062d1908;border-radius:13px}
#s-home:not(.search-active) .content{padding-top:10px}
#s-home:not(.search-active) .client-section-title{align-items:center;margin:11px 0 7px}
#s-home:not(.search-active) .client-section-title h3{font-size:12px!important;line-height:1.4;text-transform:none;letter-spacing:0;font-weight:800;color:#3d5d49}
#s-home:not(.search-active) .client-section-title small{font-size:10px;color:#8a9b90;font-weight:600}
#s-home:not(.search-active) .client-cat-grid{gap:8px;padding:4px 2px 5px;margin-bottom:8px;scroll-padding-inline:3px;scroll-snap-type:x proximity}
#s-home:not(.search-active) .client-cat-grid .cat{scroll-snap-align:start}
#s-home:not(.search-active) .client-cat-grid .cat-circle{box-shadow:none;transition:outline-color .15s ease,background-color .15s ease}
#s-home:not(.search-active) .client-cat-grid .cat.on .cat-circle{outline:none;box-shadow:0 0 0 2px #dcece2}
#s-home:not(.search-active) .client-cat-grid .cat-label{font-weight:650;color:#718476}
#s-home:not(.search-active) .client-cat-grid .cat.on .cat-label{color:#1a603b;font-weight:850}
#s-home:not(.search-active) .publicidad-track{border-radius:16px;border:1px solid #e2eae306}
#s-home:not(.search-active) .publicidad-cliente{margin-bottom:11px}
#s-home:not(.search-active) .cupon-inicio{background:#f5f9f5;border-color:#e0e9e1;padding:9px 11px;box-shadow:none}
#s-home:not(.search-active) .cupon-inicio>label{font-size:11px;margin-bottom:5px}
#s-home:not(.search-active) .cupon-inicio .finput{border-color:#dce6df;background:white;border-radius:10px}
#s-home:not(.search-active) .cupon-inicio .btn{border-radius:10px}
#s-home:not(.search-active) .oferta-card{border-color:#e2eae3;scroll-snap-align:start}
#s-home:not(.search-active) .oferta-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;line-height:1.15!important;max-height:26px}
#s-home:not(.search-active) .oferta-resto{color:#859489}
#s-home:not(.search-active) .oferta-precio-antes{font-weight:500}
#s-home:not(.search-active) .oferta-body .oferta-badge{font-size:8px!important;background:#ecf5ec;color:#3b7950}
#s-home:not(.search-active) .destacado-card{background:#f5faf6;border-color:#e0eae3;scroll-snap-align:start}
#s-home:not(.search-active) .destacado-img{box-shadow:0 0 0 1px #d7e5db}
#s-home:not(.search-active) .destacado-insignia{box-shadow:none}
#s-home:not(.search-active) .destacado-name{color:#31543e}
#s-home:not(.search-active) .destacados-m{width:19px}
#s-home:not(.search-active) .restaurant-glass{box-shadow:0 3px 12px #153c2309;border-color:#e1eae3}
#s-home.guest-home .header-actions>.top-notif-btn{display:none}
@media(prefers-reduced-motion:reduce){#s-home .client-cat-grid .cat-circle{transition:none}}

/* Dos filas deslizables de categorías, con imagen lateral, antes del carrusel. */
#s-home:not(.search-active) .client-cat-grid{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:5px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 5px;margin-bottom:5px;scroll-snap-type:x proximity;scroll-padding-inline:1px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#s-home:not(.search-active) .client-cat-grid .cat:not(.cat-more){display:flex!important;flex:0 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;width:auto;min-width:0;min-height:34px;height:34px;max-width:none;padding:4px 9px 4px 6px;border:1px solid #e3ebe5;border-radius:11px;background:#fff;color:#405a49;box-shadow:none;white-space:nowrap;scroll-snap-align:start;font:inherit;cursor:pointer}
#s-home:not(.search-active) .client-cat-grid .cat.on{background:#eaf4ee;border-color:#bfdcc9;box-shadow:none}
#s-home:not(.search-active) .client-cat-grid .cat .cat-circle{flex:0 0 22px;width:22px;height:22px;min-width:22px;border:0!important;outline:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important;margin:0;overflow:hidden;display:grid;place-items:center}
#s-home:not(.search-active) .client-cat-grid .cat .cat-circle img{width:22px;height:22px;object-fit:contain;border-radius:50%;box-shadow:none!important}
#s-home:not(.search-active) .client-cat-grid .cat .cat-circle i{font-size:15px;color:#497455}
#s-home:not(.search-active) .client-cat-grid .cat .cat-label{font-size:10.5px;line-height:1.2;font-weight:700;color:#405a49;text-align:left;white-space:nowrap;overflow:visible;max-width:none;text-overflow:clip;margin:0}
#s-home:not(.search-active) .client-cat-grid .cat.on .cat-label{color:#205d39;font-weight:800}
#s-home:not(.search-active) .client-cat-grid .cat:focus-visible{outline:2px solid #438759;outline-offset:2px}
#s-home:not(.search-active) .client-cat-grid .cat-more{display:none!important}
#s-home:not(.search-active) .inicio-categorias-titulo{margin-top:3px;margin-bottom:4px}
#s-home:not(.search-active) #publicidad-cliente{margin-top:3px}

#s-home:not(.search-active) .client-cat-grid .client-cat-row{display:flex;flex:0 0 auto;flex-flow:row nowrap;align-items:center;gap:6px;width:max-content;min-width:100%}

/* Exploración: fotos compactas y datos en filas legibles. */
#s-home .commerce-grid{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #e5ece7;border-radius:18px;padding:0 12px}
#s-home .commerce-tile{display:flex;align-items:center;gap:13px;position:relative;min-width:0;min-height:112px;padding:14px 0;background:#fff;border:0;border-bottom:1px solid #edf1ed;border-radius:0;box-shadow:none;cursor:pointer;outline-offset:3px;box-sizing:border-box}
#s-home .commerce-tile:last-child{border-bottom:0}
#s-home .commerce-tile:focus-visible{outline:2px solid #09613b;border-radius:12px}
#s-home .commerce-tile-photo{position:relative;flex:0 0 92px;width:92px;height:92px;border-radius:14px;display:grid;place-items:center;overflow:hidden}
#s-home .commerce-tile-photo img{width:100%;height:100%;object-fit:cover;display:block}
#s-home .commerce-tile.is-closed .commerce-tile-photo img{filter:saturate(.35)}
#s-home .commerce-tile-body{min-width:0;flex:1;padding:0;background:transparent;color:#21392b}
#s-home .commerce-tile-heading{display:flex;align-items:flex-start;gap:5px}
#s-home .commerce-tile-name{flex:1;min-width:0;font-size:14px;font-weight:850;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#s-home .commerce-tile-category{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10.5px;color:#7a857e;line-height:1.3;margin-top:4px}
#s-home .commerce-tile-offer{font-size:9px;font-weight:800;color:#17613d;background:#e8f4ec;border-radius:5px;padding:2px 5px}
#s-home .commerce-tile-meta{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;margin-top:8px;color:#57665c}
#s-home .commerce-tile-rating{color:#73571f;font-weight:800}
#s-home .commerce-tile-rating.new{color:#7b8980;font-weight:600}
#s-home .commerce-tile-status{display:flex;align-items:center;gap:5px;margin-top:5px;color:#29804f;font-size:9.5px;font-weight:700;background:none;padding:0;position:static;box-shadow:none}
#s-home .commerce-tile-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
#s-home .commerce-tile-status.closed{color:#929992}
#s-home .commerce-tile-founder{display:inline-flex;flex:0 0 28px;position:static;align-self:center;align-items:center;justify-content:center;width:28px;height:28px;margin-left:3px}
#s-home .commerce-tile-founder:empty{display:none}
#s-home .commerce-tile-founder .fundador-insignia{margin:0!important;width:28px!important;height:28px!important;flex:0 0 28px!important;min-width:28px!important;padding:4px!important}
#s-home .commerce-browse-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 10px;min-width:0}
#s-home .commerce-filters{display:flex;align-items:center;gap:5px;min-width:0;margin:0;overflow-x:auto;scrollbar-width:none}
#s-home .commerce-filters button{flex:0 0 auto;min-height:36px;border:1px solid #e2eae4;background:#fff;color:#68766c;border-radius:20px;padding:7px 11px;font-family:inherit;font-weight:700;font-size:11px;cursor:pointer}
#s-home .commerce-filters button[aria-pressed=true]{background:#e7f2eb;border-color:#c3dfcd;color:#165c37}
#s-home .commerce-sort{flex:0 0 auto;position:relative}
#s-home .commerce-sort select{width:112px;min-height:36px;border:1px solid #e2eae4;border-radius:20px;background:#fff;color:#41574a;padding:7px 6px;font-family:inherit;font-size:10.5px;cursor:pointer}
#s-home .commerce-sort .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#s-home .commerce-show-more{display:block;width:100%;border:1px solid #dce9e0;border-radius:13px;background:#f1f7f3;color:#17563a;padding:12px;margin:14px 0;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
#s-home .commerce-near-strip{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:10px;overflow-x:auto;scrollbar-width:none}
#s-home #cliente-cerca-section[hidden]{display:none!important}
@media(max-width:350px){#s-home .commerce-grid{padding:0 9px}#s-home .commerce-tile{gap:10px}#s-home .commerce-tile-photo{flex-basis:78px;width:78px;height:78px}#s-home .commerce-tile-name{font-size:13px}#s-home .commerce-filters button{padding:6px 9px;font-size:10px}#s-home .commerce-sort select{width:92px;font-size:10px}}
@media(min-width:760px){#s-home .commerce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}#s-home .commerce-tile{min-height:120px}}

/* Navegación del cliente: cuenta arriba y búsqueda en el borde inferior. */
#s-home>.hdr{flex:0 0 auto!important;padding:calc(7px + env(safe-area-inset-top)) 14px 9px!important;min-height:0!important}
#s-home .hdr-row{min-height:38px!important;display:flex!important;align-items:center}
#s-home .inicio-saludo-m{min-width:0;flex:1;display:flex;align-items:center;gap:8px}
#s-home .inicio-saludo-m .client-hello{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
#s-home .header-actions{gap:6px}
#s-home.search-active .hdr{background:linear-gradient(135deg,var(--verde2),var(--verde));color:#fff;border-radius:0 0 18px 18px;box-shadow:0 3px 12px #11352212}
#s-home.search-active .hdr-row{display:flex!important}
#s-home .client-search-dock{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e4ece6;box-shadow:0 -4px 16px #163d2308;z-index:130}
#s-home .client-search-dock .search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;margin:0!important;padding:11px 12px!important;min-height:44px!important;border:1px solid #dce8df!important;border-radius:24px!important;background:#f5f8f5!important;box-shadow:none!important}
#s-home .client-search-dock .search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px!important;line-height:20px;color:#294334}
#s-home .client-search-dock .search input::placeholder{color:#7c8c81}
#s-home .client-search-dock .search svg{color:#799482!important}
#s-home .client-favorites-shortcut{flex:0 0 44px;width:44px;height:44px;padding:11px;border-radius:50%;border:1px solid #dce8df;background:#fff;color:#467654;display:grid;place-items:center;cursor:pointer}
#s-home .client-favorites-shortcut svg{width:21px;height:21px}
#s-home .client-favorites-shortcut.has-favorites{color:#276b43;background:#eaf5ee;border-color:#c8e0d0}
#s-home .client-favorites-shortcut.has-favorites svg{fill:#276b43}
#s-home .client-search-dock button:focus-visible{outline:2px solid #36754b;outline-offset:2px}
#s-home>.content{padding-bottom:16px!important}
#s-home:has(#home-cart-float.show)>.content{padding-bottom:90px!important}
#s-home #home-cart-float{bottom:calc(82px + env(safe-area-inset-bottom))!important}
#s-home .beisbol-acceso{bottom:calc(82px + env(safe-area-inset-bottom))!important;right:14px!important}
#s-home #home-cart-float.show~.beisbol-acceso{bottom:calc(150px + env(safe-area-inset-bottom))!important}
#s-home.search-active .cupon-inicio,#s-home.search-active .invitado-barra{display:none!important}
#s-favoritos>.content,#s-mispedidos>.content,#s-perfil>.content{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
#s-perfil .profile-safe-space{height:10px!important}
#s-perfil .beisbol-acceso{bottom:calc(18px + env(safe-area-inset-bottom))!important}
#s-perfil .profile-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 18px}
#s-perfil .profile-shortcuts>button{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;min-width:0;border:1px solid #dce9df;border-radius:14px;background:#fff;padding:12px 10px;font-family:inherit;cursor:pointer}
#s-perfil .profile-shortcut-icon{grid-row:1/3;color:#2e704a;background:#eef6f0;display:grid;place-items:center;width:30px;height:34px;border-radius:9px;font-size:16px}
#s-perfil .profile-shortcuts strong{font-size:12px;line-height:1.3;color:#264b33}
#s-perfil .profile-shortcuts small{font-size:9px;line-height:1.3;color:#89978e;margin-top:3px}
#s-perfil .profile-shortcuts>button:focus-visible{outline:2px solid #36754b;outline-offset:2px}
@media(min-width:760px){#s-home .client-search-dock{width:100%;max-width:none}}