/* OfertasyMas · app instalable, avisos y novedades */
.omca-wrap,.omca-inbox,.omca-toast{font-family:var(--omc-font,Inter,system-ui,sans-serif);color:#231F20;-webkit-font-smoothing:antialiased}
.omca-wrap svg,.omca-inbox svg,.omca-toast svg,.omh-bell svg,.omc-app-install svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* Hoja inferior (móvil) / tarjeta flotante (escritorio) */
.omca-wrap{position:fixed;inset:0;z-index:2147483000;pointer-events:none}
.omca-back{position:absolute;inset:0;background:rgba(17,15,16,.48);opacity:0;transition:opacity .25s ease;pointer-events:auto}
.omca-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:22px 22px 0 0;padding:22px 20px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.18);transform:translateY(104%);transition:transform .32s cubic-bezier(.2,.8,.2,1);pointer-events:auto;max-height:88vh;overflow:auto}
.omca-sheet::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:#E2E0DC}
.omca-wrap.on .omca-back{opacity:1}
.omca-wrap.on .omca-sheet{transform:none}
.omca-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#F3F2EF;color:#231F20;display:grid;place-items:center;cursor:pointer;padding:0}
.omca-x svg{width:18px;height:18px}
.omca-head{display:flex;gap:14px;align-items:center;padding-right:36px}
.omca-head h3{margin:0 0 3px;font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.omca-head p{margin:0;font-size:13.5px;line-height:1.4;color:#5B5759}
.omca-app{width:64px;height:64px;border-radius:15px;flex:0 0 auto;box-shadow:0 6px 18px rgba(0,0,0,.14)}
.omca-ic{width:52px;height:52px;border-radius:14px;flex:0 0 auto;display:grid;place-items:center;background:#FFE800;color:#231F20}
.omca-ic svg{width:26px;height:26px}
.omca-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.omca-list li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.4;color:#3E3A3C}
.omca-list li svg{width:20px;height:20px;padding:7px;box-sizing:content-box;border-radius:10px;background:#FFF8B8;color:#231F20}
.omca-list b{color:#231F20}
.omca-steps{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:s}
.omca-steps li{display:flex;align-items:center;gap:12px;font-size:14.5px;background:#F7F6F3;border-radius:12px;padding:10px 12px}
.omca-steps li span{width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;color:#0A64D6;flex:0 0 auto;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.omca-note{margin:16px 0 0;font-size:14px;line-height:1.45;color:#3E3A3C}
.omca-btns{display:flex;gap:10px;margin-top:20px}
.omca-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:12px;border:0;font:700 16px/1 var(--omc-font,Inter,system-ui,sans-serif);cursor:pointer;text-decoration:none!important;padding:0 18px;transition:transform .15s ease,filter .15s ease}
.omca-btn:active{transform:scale(.98)}
.omca-btn.is-main{background:var(--omc-primary,#D35400);color:#fff!important}
.omca-btn.is-main:hover{filter:brightness(.95)}
.omca-btn.is-ghost{flex:0 0 auto;background:#F3F2EF;color:#231F20}
.omca-btn.is-sm{min-height:38px;font-size:14px;padding:0 14px;flex:0 0 auto;border-radius:10px}
.omca-btn.is-sm svg{width:16px;height:16px}
.omca-btn.is-busy{opacity:.7;pointer-events:none}
.omca-fine{margin:12px 0 0;text-align:center;font-size:12px;color:#77726F}

/* Vista previa de la notificación */
.omca-mock{margin-top:18px;border-radius:16px;background:#F3F2EF;padding:12px 14px;box-shadow:inset 0 0 0 1px #E8E6E1}
.omca-mock-h{display:flex;align-items:center;gap:7px;font-size:12px;color:#6B6668}
.omca-mock-h img{width:18px;height:18px;border-radius:5px}
.omca-mock-h span{font-weight:600;color:#3E3A3C}
.omca-mock-h em{font-style:normal;margin-left:auto}
.omca-mock-b{display:flex;gap:12px;align-items:center;margin-top:7px}
.omca-mock-b>div{flex:1;min-width:0}
.omca-mock-b b{display:block;font-size:14px;line-height:1.3;margin-bottom:2px}
.omca-mock-b span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.35;color:#4A4648}
.omca-mock-b img{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#fff;flex:0 0 auto}

/* Aviso breve */
.omca-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:2147483001;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);background:#231F20;color:#fff;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.35;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translate(-50%,20px);opacity:0;transition:all .3s ease}
.omca-toast.on{transform:translate(-50%,0);opacity:1}
.omca-toast svg{color:#FFE800}

/* Campana del encabezado */
.omc-page .omh-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;flex:0 0 auto;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:#231F20;cursor:pointer;padding:0;font:700 12px/1 var(--omc-font)}
.omc-page .omh-bell svg{width:22px;height:22px}
.omc-page .omh-bell>span{display:none}
.omca-dot{position:absolute;top:6px;right:7px;width:9px;height:9px;border-radius:50%;background:#E30613;box-shadow:0 0 0 2px #FFE800}
.omca-dot[hidden]{display:none}
.omc-page .omc-app-install{display:none}
.omc-page .omc-app-install[hidden]{display:none!important}

/* Bandeja de novedades */
.omca-inbox{position:fixed;left:0;right:0;bottom:0;z-index:2147482999;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.2);max-height:78vh;display:flex;flex-direction:column;transform:translateY(104%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom)}
.omca-inbox.on{transform:none}
.omca-inbox-h{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px 18px;border-bottom:1px solid #EFEDE9}
.omca-inbox-h b{font-size:17px}
.omca-inbox-h .omca-x{position:static}
.omca-inbox-l{overflow:auto;padding:6px 0;flex:1}
.omca-item{display:flex;gap:12px;align-items:center;padding:12px 18px;text-decoration:none!important;color:#231F20!important;position:relative}
.omca-item:hover{background:#FAF9F6}
.omca-item.is-new::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#E30613}
.omca-item img,.omca-noimg{width:58px;height:58px;border-radius:10px;object-fit:contain;background:#F5F4F1;flex:0 0 auto}
.omca-noimg{display:grid;place-items:center;color:#231F20}
.omca-item>span{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:16px}
.omca-item b{font-size:14px;line-height:1.3}
.omca-item span span{font-size:13px;line-height:1.35;color:#4A4648;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.omca-item small{font-size:12px;color:#8A8583}
.omca-skel{height:58px;margin:12px 18px;border-radius:10px;background:linear-gradient(90deg,#F3F2EF 25%,#ECEAE6 50%,#F3F2EF 75%);background-size:200% 100%;animation:omcaSk 1.2s linear infinite}
@keyframes omcaSk{to{background-position:-200% 0}}
.omca-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:30px 24px;color:#5B5759;font-size:14px}
.omca-empty svg{width:30px;height:30px;color:#B8B3AE}
.omca-empty b{color:#231F20;font-size:15px}
.omca-foot{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 18px;border-top:1px solid #EFEDE9;font-size:13px;line-height:1.35;color:#4A4648}
.omca-foot.is-on{justify-content:flex-start;gap:8px;color:#0A7D33;font-weight:600}
.omca-link{border:0;background:none;color:var(--omc-primary,#D35400);font:700 13px var(--omc-font);cursor:pointer;padding:0}
.omca-get{display:flex;align-items:center;gap:12px;width:calc(100% - 24px);margin:4px 12px 12px;border:0;border-radius:14px;background:#FFE800;padding:10px 12px;cursor:pointer;text-align:left;color:#231F20;font-family:inherit}
.omca-get img{width:42px;height:42px;border-radius:10px}
.omca-get span{display:flex;flex-direction:column;gap:2px}
.omca-get b{font-size:14px}
.omca-get small{font-size:12px;color:#3E3A3C}
.omca-get[hidden]{display:none}

/* En la app instalada no se ofrecen instalaciones */
.omc-standalone [data-omc-install]{display:none!important}

@media (min-width:1024px){
	.omca-back{background:rgba(17,15,16,.28)}
	.omca-sheet{left:auto;right:24px;bottom:24px;width:400px;border-radius:18px;padding:22px 22px 20px;transform:translateY(24px);opacity:0;transition:transform .3s ease,opacity .3s ease}
	.omca-sheet::before{display:none}
	.omca-wrap.on .omca-sheet{opacity:1}
	.omca-wrap.is-push .omca-back,.omca-wrap.is-install .omca-back{opacity:0!important;pointer-events:none}
	.omca-toast{bottom:28px}
	.omca-inbox{left:auto;bottom:auto;width:390px;max-height:min(560px,calc(100vh - 120px));border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);transform:translateY(-6px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
	.omca-inbox.on{transform:none;opacity:1;pointer-events:auto}
	.omc-page .omh-bell{width:auto;height:auto;padding:0 2px}
	.omc-page .omh-bell>span{display:block}
	.omca-dot{top:-3px;right:2px}
	.omc-page .omc-app-install{display:flex}
}
.omc-page .omh-bell{color:#fff}
.omc-pal-exito.omc-page .omh-bell{color:#231F20}
.omh-bell .omc-i{width:22px;height:22px}