*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:var(--font);background:var(--color-bg);color:#222;min-height:100vh;overflow-x:hidden}
button{cursor:pointer;font-family:inherit}
input,button{font-size:inherit}
#app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--color-bg-card);position:relative;overflow-x:hidden;padding-bottom:calc(72px + env(safe-area-inset-bottom))}

/* Scroll container — header sticky top, nav fixed bottom */
#app{scroll-behavior:smooth}
#d40-rubros{overflow:hidden}
.d40-rubro-sec{overflow:hidden;position:relative}
/* Feed slot — populated by n8n */
#comp-feed{min-height:0}
/* Touch target enforcement */
button,a,[role=button]{touch-action:manipulation}
@media(min-width:769px){
html,body{background:#edecea}
#app{max-width:960px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;padding-bottom:60px;box-shadow:0 4px 32px rgba(0,0,0,.09);overflow-x:hidden}
#comp-header{grid-column:1/-1}
#comp-search{grid-column:1/-1}
#comp-filtros{grid-column:1;grid-row:3/99;position:sticky;top:80px;align-self:start}
#comp-relampago,#comp-categories,#comp-deals-40,#comp-business,#comp-trends,#comp-feed,#comp-plat-outer{grid-column:2;min-width:0;overflow:hidden}
.nav-wrap{max-width:960px;left:50%;transform:translateX(-50%)}
.logo-wrap{padding:16px 28px}
.fil-wrap{min-height:calc(100vh - 130px);padding:16px 14px 24px;border-right:1px solid rgba(255,255,255,.15)}
}
@media(min-width:769px){.cat-wrap,.tend-wrap{width:100%;overflow:hidden;box-sizing:border-box}.cat-list{width:100%;overflow-x:auto;box-sizing:border-box}#comp-filtros .fil-wrap{background:#e8f5ee!important}.buscador-wrap{background:#1a7a4a!important}}