/* OfertasyMas · Inicio tipo app (móvil primero). Todo bajo .omc-home: no afecta las landings. */
.omc-home{background:#F2F3F6;color:var(--omc-ink);margin:0;padding-bottom:calc(68px + env(safe-area-inset-bottom))}
.omc-home *{box-sizing:border-box}
.omh-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.omc-home .omc-wa-float{display:none!important}

/* ---------- Encabezado ---------- */
.omh-top{position:sticky;top:0;z-index:50;background:linear-gradient(120deg,var(--omc-accent) 0%,var(--omc-primary) 55%,color-mix(in srgb,var(--omc-primary) 78%,#000) 100%);color:#fff;box-shadow:0 10px 26px -18px rgba(0,0,0,.7)}
.omh-top-in{max-width:1200px;margin:0 auto;padding:10px 14px 0}
.omh-row1{display:flex;align-items:center;gap:10px}
.omh-logo{flex:0 0 auto;display:flex;align-items:center;height:40px;padding:0 10px;background:#fff;border-radius:12px;line-height:0;box-shadow:0 6px 14px -10px rgba(0,0,0,.6)}
.omc-page .omh-logo-img,.omh-logo img{height:26px;width:auto;max-width:98px;object-fit:contain;display:block}
.omh-search{flex:1 1 0;min-width:0;position:relative;display:flex;align-items:center;height:40px;background:#fff;border-radius:12px;padding:0 12px;gap:8px;box-shadow:0 6px 14px -10px rgba(0,0,0,.6)}
.omh-search>.omc-i{color:#9AA0A8;flex:0 0 auto}
.omc-page .omh-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;font:500 15px/1 var(--omc-font);color:var(--omc-ink);padding:0!important;height:38px;box-shadow:none!important}
.omh-search input::-webkit-search-cancel-button{display:none}
.omh-tagline{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:12.5px;font-weight:600;opacity:.95}
.omh-tagline span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.omh-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin:2px -14px 0;padding:0 8px}
.omh-tabs::-webkit-scrollbar{display:none}
.omc-page .omh-tabs button{flex:0 0 auto;border:0!important;background:none!important;color:rgba(255,255,255,.82)!important;font:600 14px/1 var(--omc-font);padding:10px 9px 11px!important;border-bottom:3px solid transparent!important;border-radius:0!important;cursor:pointer;white-space:nowrap}
.omc-page .omh-tabs button.on{color:#fff!important;border-bottom-color:#fff!important}
.omh-suggest{position:absolute;left:0;right:0;top:46px;background:#fff;border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);overflow:hidden;z-index:60}
.omh-sg{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--omc-ink)!important;text-decoration:none!important;border-top:1px solid #F0F1F4}
.omh-sg:first-child{border-top:0}
.omh-sg img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#F3F4F7;flex:0 0 auto}
.omh-sg span{flex:1;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.omh-sg b{font-size:14px;color:var(--omc-primary);white-space:nowrap}
.omh-sg-all{display:block;width:100%;padding:12px;border:0;background:#F7F8FA;color:var(--omc-primary);font-weight:700;font-size:14px;cursor:pointer}

/* ---------- Contenido ---------- */
.omh-main{max-width:1200px;margin:0 auto;padding:12px 12px 24px}
.omh-sec{margin-top:16px}
.omh-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}
.omc-page .omh-head h2,.omc-page .omh-flash-head h2,.omc-page .omh-how h2{font:800 19px/1.2 var(--omc-font);letter-spacing:-.015em;margin:0;color:var(--omc-ink);text-transform:none;text-wrap:balance}
.omc-page .omh-clear{border:0!important;background:none!important;color:var(--omc-primary)!important;font-weight:700;font-size:14px;cursor:pointer;padding:4px!important}

/* ---------- Slider premium ---------- */
.omh-slider{position:relative;border-radius:22px;overflow:hidden;background:var(--omc-dark);box-shadow:0 22px 40px -26px rgba(12,44,83,.9);isolation:isolate}
.omh-bars{position:absolute;top:10px;left:14px;right:14px;z-index:3;display:flex;gap:4px;pointer-events:none}
.omh-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.omh-bars i b{display:block;height:100%;width:0;background:#fff;border-radius:3px}
.omh-bars i.done b{width:100%}
.omh-bars i.on b{animation:omh-bar var(--dur,5s) linear forwards}
@keyframes omh-bar{to{width:100%}}
.omh-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.omh-track::-webkit-scrollbar{display:none}
.omh-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;aspect-ratio:16/10;max-height:440px;display:flex;align-items:flex-end;overflow:hidden;text-decoration:none!important;color:#fff!important}
.omh-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;transform:scale(1.02);transition:transform 6s ease-out}
.omh-slide.on .omh-slide-bg{transform:scale(1.1)}
.omh-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,14,28,.92) 0%,rgba(8,14,28,.55) 38%,rgba(8,14,28,0) 70%),linear-gradient(90deg,rgba(8,14,28,.55) 0%,rgba(8,14,28,0) 60%);z-index:1}
.omh-slide-txt{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;padding:0 18px 18px;max-width:88%}
.omh-slide-txt b{font:900 clamp(22px,6.6vw,42px)/1.04 var(--omc-font-display,var(--omc-font));letter-spacing:-.025em;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.omh-slide-txt small{font-size:clamp(13px,3.6vw,16px);line-height:1.35;opacity:.92;text-wrap:balance;max-width:34ch}
.omh-slide-txt em{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-style:normal;font-weight:800;font-size:14px;background:#fff;color:var(--omc-primary);padding:10px 16px;border-radius:999px;box-shadow:0 10px 22px -10px rgba(0,0,0,.6)}
.omh-slide.on .omh-slide-txt{animation:omh-up .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes omh-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.omh-slide.is-brand{background:radial-gradient(130% 120% at 100% 0%,var(--omc-accent) 0%,var(--omc-primary) 42%,var(--omc-dark) 100%)}
.omh-slide.is-brand.is-alt{background:radial-gradient(130% 120% at 100% 100%,var(--omc-primary) 0%,var(--omc-dark) 72%)}
.omh-slide.is-brand::after{background:linear-gradient(90deg,rgba(8,14,28,.6) 0%,rgba(8,14,28,0) 65%)}
.omh-slide.is-brand .omh-slide-txt{align-self:center;max-width:60%;padding-bottom:0}
.omh-fan{position:absolute;right:-6%;top:50%;width:52%;height:84%;transform:translateY(-50%);z-index:1}
.omh-fan img{position:absolute;top:50%;left:50%;width:62%;aspect-ratio:1;object-fit:cover;border-radius:18px;border:3px solid rgba(255,255,255,.9);box-shadow:0 18px 30px -14px rgba(0,0,0,.7);transform:translate(calc(-50% + (var(--n) - 1) * 34%),-50%) rotate(calc((var(--n) - 1) * 9deg))}
.omh-fan img[style*="--n:1"]{z-index:2}

/* Beneficios */
.omh-perks{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:6px}
.omh-perks li{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;height:34px;border-radius:12px;background:#fff;font-size:12px;font-weight:700;color:var(--omc-ink-2);white-space:nowrap}
.omh-perks .omc-i{color:var(--omc-green);flex:0 0 auto}

/* Categorías */
.omh-cats{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;scroll-snap-type:x proximity}
.omh-cats::-webkit-scrollbar{display:none}
.omc-page .omh-cat{flex:0 0 70px;display:flex;flex-direction:column;align-items:center;gap:6px;border:0!important;background:none!important;padding:0!important;cursor:pointer;scroll-snap-align:start}
.omh-cat-img{width:62px;height:62px;border-radius:20px;overflow:hidden;background:#fff;display:grid;place-items:center;box-shadow:0 8px 18px -12px rgba(0,0,0,.55);color:var(--omc-primary);transition:transform .15s}
.omh-cat-img img{width:100%;height:100%;object-fit:cover;display:block}
.omh-cat:active .omh-cat-img{transform:scale(.94)}
.omh-cat-name{font-size:12px;font-weight:600;color:var(--omc-ink-2);line-height:1.2;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.omh-cat.on .omh-cat-img{box-shadow:0 0 0 2px var(--omc-primary),0 8px 18px -12px rgba(0,0,0,.55)}

/* Ofertas relámpago */
.omh-flash{background:linear-gradient(160deg,var(--omc-dark) 0%,color-mix(in srgb,var(--omc-dark) 70%,var(--omc-primary)) 100%);border-radius:22px;padding:14px 12px 12px;color:#fff}
.omh-flash-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 12px}
.omc-page .omh-flash-head h2{color:#fff;display:flex;align-items:center;gap:6px;font-size:18px}
.omh-flash-head h2 .omc-i{color:#FFC53D}
.omh-clock{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:rgba(255,255,255,.8);white-space:nowrap}
.omh-clock .omh-cd{background:#FFC53D;color:#1D1D1F;padding:5px 8px;border-radius:8px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.omh-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-bottom:2px}
.omh-row::-webkit-scrollbar{display:none}
.omh-row .omh-card{flex:0 0 136px;scroll-snap-align:start}
.omh-row-lg .omh-card{flex-basis:168px}

/* ---------- Tarjeta de producto (todas iguales) ---------- */
.omh-card{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none!important;color:var(--omc-ink)!important;box-shadow:0 1px 0 rgba(0,0,0,.03),0 12px 26px -22px rgba(0,0,0,.55);transition:transform .15s,box-shadow .2s;animation:omh-in .35s ease both}
.omh-card:active{transform:scale(.98)}
.omh-card-img{position:relative;display:block;aspect-ratio:1/1;width:100%;overflow:hidden;background:#F5F6F8;flex:0 0 auto}
.omh-card-img img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block}
.omh-tag{position:absolute;left:8px;top:8px;z-index:1;font-style:normal;font-size:12px;font-weight:900;background:var(--omc-primary);color:#fff;padding:4px 8px;border-radius:8px;box-shadow:0 6px 12px -6px rgba(232,20,27,.9)}
.omh-tag.is-dark{background:#3A3A3C;box-shadow:none}
.omh-tag2{position:absolute;right:8px;top:8px;z-index:1;display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:10.5px;font-weight:800;background:rgba(255,255,255,.95);color:var(--omc-ink);padding:4px 7px;border-radius:999px;backdrop-filter:blur(6px)}
.omh-tag2.is-hot{background:#FFC53D;color:#1D1D1F}
.omh-timer{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;height:24px;border-radius:8px;background:rgba(12,22,40,.82);color:#fff;font-size:11.5px;font-weight:700;backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}
.omh-timer .omc-i{color:#FFC53D}
.omh-card-body{display:flex;flex-direction:column;gap:3px;padding:10px 10px 12px;flex:1}
.omh-card-title{font-size:13.5px;line-height:1.3;color:var(--omc-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.omh-rate{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--omc-muted)}
.omh-rate .omc-stars{font-size:11px;font-style:normal}
.omh-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;margin-top:2px}
.omh-was{font-size:12px;color:#9AA0A8;order:2}
.omh-price{font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--omc-ink);order:1}
.omh-card.is-mini .omh-price{font-size:16px}
.omh-save{align-self:flex-start;font-size:11.5px;font-weight:800;color:var(--omc-green);background:color-mix(in srgb,var(--omc-green) 11%,#fff);padding:2px 7px;border-radius:6px}
.omh-stock{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#C2410C}
.omh-stock i{width:7px;height:7px;border-radius:50%;background:#F97316;box-shadow:0 0 0 0 rgba(249,115,22,.6);animation:omh-ping 1.6s infinite}
.omh-stock.is-time{color:var(--omc-primary)}
@keyframes omh-ping{70%{box-shadow:0 0 0 6px rgba(249,115,22,0)}100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}}
.omh-free{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:var(--omc-green)}
.omh-buy{margin-top:auto;display:flex;align-items:center;justify-content:center;height:38px;border-radius:11px;background:linear-gradient(180deg,color-mix(in srgb,var(--omc-primary) 88%,#fff),var(--omc-primary));color:#fff;font-weight:800;font-size:14px;box-shadow:0 8px 16px -10px rgba(232,20,27,.95),inset 0 1px 0 rgba(255,255,255,.25)}
.omh-free{margin-bottom:8px}
.omh-card.is-mini .omh-timer{display:none}
.omh-card.is-mini{background:#fff}
.omh-card.is-mini .omh-card-body{padding:8px 9px 10px}
.omh-card.is-sold{opacity:.65}
.omh-card.is-sold .omh-buy{background:#3A3A3C;box-shadow:none}

/* Catálogo infinito */
.omh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.omh-empty{text-align:center;color:var(--omc-muted);padding:24px 0}
.omh-loader{display:none;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.omh-loader.on{display:grid}
.omh-loader i{display:block;aspect-ratio:3/5;border-radius:16px;background:linear-gradient(90deg,#E9EBEF 0%,#F7F8FA 50%,#E9EBEF 100%);background-size:200% 100%;animation:omh-sk 1.1s linear infinite}
@keyframes omh-sk{to{background-position:-200% 0}}
@keyframes omh-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Cómo comprar */
.omh-how{background:#fff;border-radius:20px;padding:16px}
.omh-how ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.omh-how li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--omc-ink-2)}
.omh-how li b{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--omc-primary);color:#fff;font-size:14px}

/* ---------- Barra inferior tipo app ---------- */
.omh-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;justify-content:space-around;align-items:stretch;height:calc(62px + env(safe-area-inset-bottom));padding:6px 4px env(safe-area-inset-bottom);background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -10px 30px -22px rgba(0,0,0,.5)}
.omc-page .omh-tabbar a,.omc-page .omh-tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0!important;background:none!important;padding:0!important;color:#6E737B!important;font:600 11px/1 var(--omc-font);text-decoration:none!important;cursor:pointer}
.omc-page .omh-tabbar .on{color:var(--omc-primary)!important}
.omc-page .omh-tabbar .is-wa{color:var(--omc-wa)!important}
.omh-tabbar .omc-i{width:22px;height:22px}

/* Hoja de categorías */
.omh-sheet{position:fixed;inset:0;z-index:80;background:rgba(10,14,24,.45);display:flex;align-items:flex-end;animation:omh-fade .2s ease}
.omh-sheet[hidden]{display:none}
.omh-sheet-card{width:100%;max-height:78vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom));animation:omh-sheet .28s cubic-bezier(.2,.8,.2,1)}
.omh-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.omh-sheet-head b{font-size:18px}
.omc-page .omh-sheet-head button{width:34px;height:34px;border-radius:50%;border:0!important;background:#F2F3F6!important;display:grid;place-items:center;padding:0!important;color:var(--omc-ink)!important;cursor:pointer}
.omh-sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px}
.omh-sheet-grid .omh-cat{flex:auto}
@keyframes omh-sheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes omh-fade{from{opacity:0}to{opacity:1}}

/* ---------- Escritorio ---------- */
@media (min-width:760px){
	.omc-home{padding-bottom:0}
	.omh-tabbar{display:none}
	.omc-home .omc-wa-float{display:flex!important}
	.omh-top-in{padding:12px 24px 0}
	.omh-logo{height:46px;padding:0 14px}
	.omc-page .omh-logo-img,.omh-logo img{height:32px;max-width:160px}
	.omh-search{height:46px;max-width:720px}
	.omh-main{padding:18px 24px 40px}
	.omh-slide{aspect-ratio:3/1}
	.omh-slide-txt{padding:0 48px 40px;max-width:55%}
	.omh-slide.is-brand .omh-slide-txt{max-width:50%}
	.omh-fan{width:40%}
	.omh-perks li{height:44px;font-size:14px}
	.omh-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));overflow:visible}
	.omc-page .omh-cat{flex:auto}
	.omh-cat-img{width:80px;height:80px;border-radius:24px}
	.omh-row .omh-card{flex-basis:180px}
	.omh-grid,.omh-loader{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
	.omh-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -24px rgba(0,0,0,.6)}
	.omh-how ol{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){.omh-card,.omh-loader i,.omh-slide-bg,.omh-stock i{animation:none;transition:none}}