/*
 * Estructura de página del feed v2 (0.1.96). TODO bajo body.omx-app: sin esa clase (público, otras páginas)
 * ninguna regla de este archivo se aplica. Adapta la cabecera de GeneratePress (no crea otra).
 */
body.omx-app{--omx-top:var(--wp-admin--admin-bar--position-offset,0px);--omx-hdr-h:56px;--omx-bnav-h:0px;--omx-linea:#e5e5e7}
@media (max-width:899px){
	body.omx-app{--omx-bnav-h:62px;padding-bottom:calc(var(--omx-bnav-h) + env(safe-area-inset-bottom,0px))}
}

/* ---------- Cabecera de GeneratePress en UNA fila: [logo + nombre] [Buscar] [☰] ---------- */
body.omx-app .site-header{position:sticky;top:var(--omx-top);z-index:60;margin:0!important;padding:0!important;background:#fff;border-bottom:1px solid var(--omx-linea);transition:top .26s ease}
body.omx-app.omx-mobile-menu-open .site-header,body.omx-app .site-header:has(.main-navigation.toggled){z-index:10002}
body.omx-app .site-header .inside-header{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-height:0!important;padding:7px 12px!important;max-width:1060px;margin:0 auto}
body.omx-app .site-header .site-branding{flex:0 0 auto;order:0;margin:0!important;padding:0!important}
body.omx-app .site-header .main-title{margin:0!important}
body.omx-app .site-header .main-title a{display:inline-flex;align-items:center;gap:.4rem;max-width:122px;font-size:13px!important;line-height:1.08!important;letter-spacing:-.01em}
body.omx-app .site-header .main-title a::before{width:36px!important;height:36px!important;flex:0 0 36px!important}
body.omx-app .site-header .omx-hdr-search{order:2;flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:1px solid var(--omx-linea);border-radius:999px;background:#faf9f6;color:#777}
body.omx-app .site-header .omx-hdr-search:focus-within{border-color:#c98a00;background:#fff}
body.omx-app .site-header .omx-hdr-search svg{flex:0 0 auto}
body.omx-app .site-header .omx-hdr-search input{flex:1;min-width:0;height:100%;border:0;background:none;box-shadow:none;outline:0;padding:0;margin:0;font:inherit;font-size:14px;color:#1a1a1a}
body.omx-app .site-header .omx-hdr-search input::placeholder{color:#777;opacity:1}
body.omx-app .site-header #mobile-menu-control-wrapper{order:3;flex:0 0 auto;margin:0;padding:0;background:none}
body.omx-app .site-header #mobile-menu-control-wrapper .menu-toggle{width:40px;height:40px;min-width:0;padding:0;margin:0;display:grid;place-items:center;background:transparent;font-size:22px;line-height:1;color:#171717;border-radius:10px}
body.omx-app .site-header #mobile-menu-control-wrapper .menu-toggle .mobile-menu{display:none}
body.omx-app .site-header #site-navigation{order:1;flex:0 0 0;width:0;min-width:0;margin:0;padding:0}
@media (max-width:339px){
	body.omx-app .site-header .inside-header{gap:6px;padding:7px 8px!important}
	body.omx-app .site-header .main-title a{font-size:0!important;max-width:34px}
}
@media (min-width:769px){
	body.omx-app .site-header #site-navigation{flex:0 1 auto;width:auto;min-width:0}
	body.omx-app .site-header .omx-hdr-search{flex:0 1 360px;margin-left:auto;height:40px}
	body.omx-app .site-header .main-title a{font-size:19px!important;max-width:none;gap:.55rem}
	body.omx-app .site-header .main-title a::before{width:40px!important;height:40px!important;flex-basis:40px!important}
	body.omx-app .site-header .inside-header{padding:8px 20px!important;gap:22px;max-width:1240px}
}
@media (min-width:769px) and (max-width:1179px){
	/* Tableta / escritorio angosto: logo + buscador en la primera fila y el menú del sitio completo en la segunda. */
	body.omx-app .site-header .inside-header{flex-wrap:wrap}
	body.omx-app .site-header .omx-hdr-search{flex:1 1 220px}
	body.omx-app .site-header #site-navigation{order:4;flex:1 0 100%;width:100%}
}
@media (min-width:769px){
	body.omx-app .site-header #site-navigation ul{flex-wrap:nowrap;white-space:nowrap}
	body.omx-app .site-header #site-navigation .inside-navigation{overflow-x:auto;scrollbar-width:none}
	body.omx-app .site-header #site-navigation .main-nav ul li a{line-height:40px!important;padding-left:14px!important;padding-right:14px!important}
	body.omx-app .site-header #site-navigation .inside-navigation{padding:0!important}
}

/* ---------- Pestañas + filtros justo debajo de la cabecera ---------- */
body.omx-app .omx-feed__barra{top:calc(var(--omx-top) + var(--omx-hdr-h));z-index:55;transition:top .26s ease;padding-top:0}

/* ---------- Ocultar al bajar, reaparecer al subir (sin saltos: ambos se deslizan fuera de la pantalla) ---------- */
/* Se oculta moviendo el «top» del sticky (NO con transform: un transform en la cabecera vuelve a su cajón fijo del menú un elemento dentro de ella y ensancha la página). */
html.omx-ui-oculto body.omx-app .site-header{top:calc(var(--omx-top) - var(--omx-hdr-h) - 4px)}
html.omx-ui-oculto body.omx-app .omx-feed__barra{top:calc(var(--omx-top) - 140px)}
@media (prefers-reduced-motion:reduce){body.omx-app .site-header,body.omx-app .omx-feed__barra{transition:none}}

/* ---------- Navegación inferior (solo móvil) ---------- */
.omx-bnav{display:none}
@media (max-width:899px){
	.omx-bnav{position:fixed;left:0;right:0;bottom:0;z-index:9000;display:flex;justify-content:space-around;align-items:stretch;height:calc(var(--omx-bnav-h,62px) + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--omx-linea,#e5e5e7)}
	.omx-bnav a,.omx-bnav button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0;padding:6px 2px;border:0;background:none;box-shadow:none;border-radius:0;font:inherit;font-size:11px;font-weight:700;line-height:1.1;color:#777;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
	.omx-bnav a.is-activa,.omx-bnav button.is-activa{color:#7a5c00}
	.omx-bnav a.is-activa svg,.omx-bnav button.is-activa svg{stroke:#c98a00}
	.omx-bnav a:focus-visible,.omx-bnav button:focus-visible{outline:2px solid #c98a00;outline-offset:-3px}
}

/* ---------- WhatsApp flotante: encima de la barra inferior, compacto y fuera del camino al desplazarse ---------- */
@media (max-width:899px){
	body.omx-app .omx-whatsapp-float{right:12px;bottom:calc(var(--omx-bnav-h) + 12px + var(--omx-wa-dy,0px) + env(safe-area-inset-bottom,0px));transition:opacity .2s ease,transform .2s ease,bottom .2s ease}
	body.omx-app .omx-whatsapp-float .omx-whatsapp-float__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	body.omx-app .omx-whatsapp-float__link{padding:6px;min-height:46px}
	body.omx-app .omx-whatsapp-float__close{width:24px;height:24px;flex-basis:24px;font-size:.9rem}
}
html.omx-bajando body.omx-app .omx-whatsapp-float.is-visible{opacity:0;transform:translateY(14px);pointer-events:none}
/* En reposo, si quedaría sobre un botón de tarjeta, se aparta (nunca bloquea «Ver cupón» / «Ver en tienda»). */
html.omx-wa-choca body.omx-app .omx-whatsapp-float.is-visible{opacity:0;pointer-events:none}

/* ---------- Selector de tienda como hoja inferior (desde «Tiendas») ---------- */
.omx-feed__tienda-menu.es-hoja{position:fixed;left:12px;right:12px;top:auto;bottom:calc(var(--omx-bnav-h,0px) + 10px + env(safe-area-inset-bottom,0px));z-index:9500;min-width:0;max-width:420px;margin:0 auto;box-shadow:0 -6px 30px rgba(0,0,0,.2)}
.omx-feed__hoja-fondo{position:fixed;inset:0;z-index:9400;background:rgba(17,17,17,.35)}

/* Menú de tiendas reubicado en <body> (hoja inferior): repite los estilos de los botones, ya fuera de .omx-feed. */
.omx-feed__tienda-menu.es-hoja{display:flex;flex-direction:column;padding:6px;background:#fff;border:1px solid #e5e5e7;border-radius:14px}
.omx-feed__tienda-menu.es-hoja[hidden]{display:none}
.omx-feed__tienda-menu.es-hoja button,.omx-feed__tienda-menu.es-hoja a{display:block;border:0;background:none;text-align:left;padding:13px 14px;border-radius:8px;font:inherit;font-size:15px;color:#1a1a1a;text-decoration:none;cursor:pointer}
.omx-feed__tienda-menu.es-hoja .is-activa{background:#fff1b8;font-weight:700}

/* 0.1.97.1 — Escritorio: el feed v2 usa TODO el ancho del contenedor de GeneratePress.
   Medido en el sitio real (1440 px): #page 1200 · #primary 840 (70 %) · #right-sidebar 360 (30 %, vacío) · .inside-article con
   40 px de relleno => el feed quedaba en ~740 px y su rejilla (principal + lateral) se apretaba. Aquí, solo con body.omx-app y desde
   769 px (la experiencia móvil no se toca): el sidebar vacío del tema se oculta, el contenido ocupa el 100 % de un contenedor de
   1240 px (igual que la cabecera) y el artículo no añade relleno ni fondo. La columna lateral del feed sigue siendo del propio feed. */
@media (min-width:769px){
	body.omx-app #page,body.omx-app .site-content{max-width:1240px}
	body.omx-app #right-sidebar{display:none}
	body.omx-app #primary.content-area{width:100%;flex:1 1 100%;float:none;margin:0}
	body.omx-app .site-main{margin:0}
	body.omx-app .inside-article{padding:0;background:transparent;box-shadow:none;border:0}
}


/* =====================================================================================================================
   0.1.102 — Estructura compartida en los LISTADOS (Mercado Libre, Amazon, Samsung). TODO bajo body.omx-sec (solo con el
   interruptor OMX_SHELL_GLOBAL activo para esa persona). Sin esa clase nada de esto se aplica.
   ===================================================================================================================== */
body.omx-sec .omx-cupones__chip--info{display:none}
body.omx-sec .omx-cupones{max-width:800px;margin-left:auto;margin-right:auto}
body.omx-sec .omx-sec__lateral{display:none}
.omx-bus-oculto,.omx-banco-oculto{display:none!important}
.omx-bus-estado{margin:8px 0 12px;padding:8px 12px;border-radius:10px;background:#fff8d8;color:#4a3a00;font-size:13px;font-weight:600;line-height:1.35}
.omx-bus-estado[hidden]{display:none}

/* Filtro Banco (solo Mercado Libre > Bancarios) */
.omx-banco-filtro{display:flex;gap:6px;overflow-x:auto;margin:0 0 10px;padding:2px 0 4px;scrollbar-width:none}
.omx-banco-filtro::-webkit-scrollbar{display:none}
.omx-banco-filtro__btn{flex:0 0 auto;margin:0;padding:6px 12px;border:1px solid #ddd7cb;border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:700;color:#4a463e;cursor:pointer;box-shadow:none}
.omx-banco-filtro__btn.is-active{background:#fff1b8;border-color:#c98a00;color:#4a3a00}
.omx-banco-filtro__btn:focus-visible{outline:2px solid #c98a00;outline-offset:2px}

/* Escritorio: listado + columna lateral (misma geometría que Inicio). La columna solo existe si hay datos reales. */
@media (min-width:900px){
	body.omx-sec .omx-cupones.tiene-lateral{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,28vw,360px);column-gap:28px;row-gap:0;align-items:start}
	body.omx-sec .omx-cupones.tiene-lateral>*{grid-column:1;min-width:0}
	body.omx-sec .omx-cupones.tiene-lateral>.omx-sec__lateral{grid-column:2;grid-row:1 / span 40;display:block;position:sticky;top:calc(var(--omx-top,0px) + var(--omx-hdr-h,56px) + 14px)}
}
.omx-sec__bloque{margin:0 0 14px;padding:12px 14px;border:1px solid #e5e5e7;border-radius:14px;background:#fff}
.omx-sec__bloque-t{margin:0 0 8px;font-size:14px;font-weight:800;line-height:1.2;color:#1a1a1a}
.omx-sec__lista{list-style:none;margin:0;padding:0}
.omx-sec__lista li{padding:7px 0;border-top:1px solid #f0eee8;font-size:13.5px;line-height:1.3;color:#1a1a1a}
.omx-sec__lista li:first-child{border-top:0}
.omx-sec__lista li span{color:#6b675f}

/* 0.1.103 — Ficha Samsung dentro de la estructura compartida: conserva su propio ancho (968/980 px). */
/* 0.1.106: las fichas comparten columna con los listados (ver bloque «Fichas» al final). */
/* Lateral de Samsung: minis de «Ofertas destacadas». */
.omx-sec__minis{list-style:none;margin:0;padding:0}
.omx-sec__minis li{border-top:1px solid #f0eee8}
.omx-sec__minis li:first-child{border-top:0}
.omx-sec__mini{display:flex;align-items:center;gap:10px;padding:9px 0;color:inherit;text-decoration:none}
.omx-sec__mini img{flex:0 0 56px;width:56px;height:56px;object-fit:contain;border-radius:8px;background:#f7f7f8}
.omx-sec__mini span{display:flex;min-width:0;flex-direction:column;gap:2px}
.omx-sec__mini strong{font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.omx-sec__mini em{font-style:normal;font-size:13px;font-weight:800;color:#7a5c00}

/* 0.1.104 — Samsung: navegación compacta (Recientes · Destacados + Categoría), solo con estructura compartida */
body.omx-sec--samsung .omx-cupones__chip--ayuda{display:none}
.omx-sam-barra{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px}
.omx-sam-barra .omx-sam-tabs{display:inline-flex}
.omx-sam-catsel{display:inline-flex;align-items:center;gap:6px;font-size:.875rem}
.omx-sam-catsel__t{color:#5b6472;font-weight:600}
.omx-sam-catsel__sel{padding:6px 28px 6px 10px;border:1px solid #d3d9e2;border-radius:999px;background:#fff;font:inherit;max-width:60vw}
.omx-sam-barra__ayuda{margin-left:auto;background:none;border:0;color:#1428a0;font:inherit;font-size:.875rem;cursor:pointer;padding:4px 2px}
.omx-sam-barra__ayuda:hover{text-decoration:underline}

/* =====================================================================================================================
   0.1.106 — Reglas compartidas de FICHAS (Samsung y ofertas de tienda) y de los listados. TODO bajo body.omx-sec
   (solo administradores con OMX_SHELL_GLOBAL activo). Sin esa clase la vista pública no cambia.
   Una sola columna centrada de 800 px (el mismo ancho que los listados), sin columna lateral vacía.
   ===================================================================================================================== */
body.omx-sec--ficha .omx-cupones{max-width:800px;margin:0 auto;padding:0 12px;box-sizing:border-box}
@media (min-width:900px){body.omx-sec--ficha .omx-cupones{padding:0}}
body.omx-sec--ficha .omx-fo-pagina{max-width:none;margin:0;padding:0 0 16px}
body.omx-sec--ficha .omx-ficha--v3 .omx-sam3f{max-width:none;margin:0}
/* Enlace para volver: mismo lugar (arriba, a la izquierda de la columna), mismo estilo y misma distancia a la cabecera. */
body.omx-sec--ficha .omx-fo-volver,body.omx-sec--ficha .omx-ficha__nav{margin:12px 0 10px}
body.omx-sec--ficha .omx-samsung a.omx-ficha__volver{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1.5px solid #cfcfd4;border-radius:999px;background:#fff;color:#111;font-size:14px;font-weight:700;line-height:1;text-decoration:none;opacity:1}
body.omx-sec--ficha .omx-samsung a.omx-ficha__volver:hover,body.omx-sec--ficha .omx-samsung a.omx-ficha__volver:focus-visible{border-color:#111;text-decoration:none}
/* Títulos de bloque («Desglose de precios» / «Cómo conseguir este precio»): mismo tamaño, peso y márgenes. */
body.omx-sec--ficha .omx-fo-escs{margin-top:20px}
body.omx-sec--ficha .omx-fo-escs__t{margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.25}
/* Botón principal de la ficha: misma altura, tipografía y ancho máximo. */
body.omx-sec--ficha .omx-fo-cta{min-height:50px;border-radius:12px;font-size:16px;font-weight:800;line-height:1.2}
body.omx-sec--ficha .omx-fo-cta--top{max-width:340px}
/* Aviso de «Copiado» de la ficha: sobre la barra inferior (antes quedaba detrás). */
body.omx-app .omx-fo-toast,body.omx-sec--ficha .omx-cupones__toast{top:auto;left:50%;right:auto;bottom:calc(var(--omx-bnav-h,0px) + 16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9600;max-width:calc(100vw - 32px)}

/* Tarjetas de Samsung en escritorio: variantes y botones quedan bajo la columna de información (no bajo la imagen),
   así los botones no ocupan una franja de ancho completo con espacio vacío. En móvil no cambia nada. */
@media (min-width:640px){
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-sam3-fila,
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-oferta-card__acciones{margin-left:36%;border-top:0;padding-left:16px;padding-right:16px}
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-oferta-card__acciones{padding-bottom:14px}
	/* La columna de la imagen se extiende por toda la altura de la tarjeta (no se corta sobre los botones). */
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f){background-image:linear-gradient(90deg,var(--omx-of-media,#f1f1f3) 36%,transparent 36%)}
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-oferta-card__media{background:transparent}
}
/* Botones de tarjeta: misma altura, tipografía y radio en todas las tarjetas de los listados. */
body.omx-sec .omx-oferta-card--feed .omx-oferta-card__btn{min-height:42px;border-radius:10px;font-size:14px}
body.omx-sec .omx-oferta-card.omx-sam3 .omx-oferta-card__btn--cta,body.omx-sec .omx-oferta-card.omx-sam3 .omx-oferta-card__btn--detalles{min-height:42px}
@media (max-width:768px){
	body.omx-sec--ficha .site-content,body.omx-sec--ficha .inside-article{padding-left:0;padding-right:0}
}
/* Barras de cupón: mismo componente en todas las fichas. `.omx-samsung *` (samsung.css) pisaba la fuente monoespaciada del
   código en Samsung; aquí se restituye y se impide que el relleno difuminado salte a una segunda línea. */
body.omx-sec--ficha .omx-cod__val,body.omx-sec--ficha .omx-cod__val *{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}
body.omx-sec--ficha .omx-cod__val{font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden}
body.omx-sec--ficha .omx-cod{min-height:44px}
/* «¿Cómo funciona?» en Mercado Libre y Amazon: junto a las pestañas, como en Samsung. */
body.omx-sec--ml .omx-cupones__chip--ayuda,body.omx-sec--amazon .omx-cupones__chip--ayuda{display:none}
body.omx-sec .omx-segmento--con-ayuda{display:flex;align-items:center;gap:10px}
body.omx-sec .omx-segmento--con-ayuda .omx-segmento__lista{flex:1 1 auto;min-width:0}
.omx-sec__ayuda{flex:0 0 auto;margin:0;padding:4px 2px;border:0;background:none;box-shadow:none;color:#1428a0;font:inherit;font-size:.875rem;white-space:nowrap;cursor:pointer}
.omx-sec__ayuda:hover{text-decoration:underline}
@media (max-width:520px){.omx-sec__ayuda-t{display:none}.omx-sec__ayuda{font-size:1.35rem;line-height:1;padding:4px 6px}}

/* =====================================================================================================================
   0.1.107 — Homologación (1): ficha Samsung móvil con la misma composición compacta que la ficha de Mercado Libre
   (imagen pequeña a la izquierda, título a la derecha, precios/variantes/botón a todo el ancho); (3) pestañas de las
   cuponeras con el lenguaje de Inicio (texto + línea amarilla). TODO bajo body.omx-sec (solo administradores).
   ===================================================================================================================== */
@media (max-width:899px){
	body.omx-sec--ficha .omx-sam3f .omx-fo-top{grid-template-columns:112px minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:start;padding:12px}
	body.omx-sec--ficha .omx-sam3f .omx-fo-info{display:contents}
	body.omx-sec--ficha .omx-sam3f .omx-fo-media{grid-column:1;grid-row:1;min-height:0;height:auto;padding:8px 6px 24px;border-radius:10px;align-items:center}
	body.omx-sec--ficha .omx-sam3f .omx-sam3f__zoom{width:100%}
	body.omx-sec--ficha .omx-sam3f .omx-fo-media__img{width:100%;max-height:96px;aspect-ratio:1/1;object-fit:contain}
	body.omx-sec--ficha .omx-sam3f .omx-sam3f__lupa{top:4px;right:4px;width:22px;height:22px}
	body.omx-sec--ficha .omx-sam3f .omx-sam3f__lupa svg{width:13px;height:13px}
	body.omx-sec--ficha .omx-sam3f .omx-fo-titulo{grid-column:2;grid-row:1;align-self:start;margin:0;font-size:15px;line-height:1.3}
	body.omx-sec--ficha .omx-sam3f .omx-sam3-precio,
	body.omx-sec--ficha .omx-sam3f .omx-fo-refs,
	body.omx-sec--ficha .omx-sam3f .omx-sam3f__vars,
	body.omx-sec--ficha .omx-sam3f .omx-fo-cta--top{grid-column:1 / -1}
	/* Como en Mercado Libre: el botón principal también va al pie de la tarjeta (el de abajo se conserva). */
	body.omx-sec--ficha .omx-sam3f .omx-fo-cta--top{display:flex;max-width:none}
}
@media (min-width:640px) and (max-width:899px){
	body.omx-sec--ficha .omx-sam3f .omx-fo-top{grid-template-columns:150px minmax(0,1fr)}
	body.omx-sec--ficha .omx-sam3f .omx-fo-media__img{max-height:130px}
	body.omx-sec--ficha .omx-sam3f .omx-fo-titulo{font-size:17px}
}

/* Pestañas de las cuponeras (Mercado Libre, Amazon, Samsung): mismas que Inicio. */
body.omx-sec .omx-segmento{margin:0 0 12px}
body.omx-sec .omx-segmento .omx-segmento__lista{gap:0;padding:0;border:0;border-bottom:1px solid #e5e5e7;border-radius:0;background:transparent;scroll-snap-type:none}
body.omx-sec .omx-segmento .omx-segmento__btn,
body.omx-sec .omx-segmento .omx-segmento__btn:hover,
body.omx-sec .omx-segmento .omx-segmento__btn:focus,
body.omx-sec .omx-segmento .omx-segmento__btn:active{flex:0 0 auto;min-height:0;margin:0 0 -1px;padding:12px 10px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;box-shadow:none;font-size:14px;font-weight:700;line-height:1.2;color:#5b5b5b}
body.omx-sec .omx-segmento .omx-segmento__btn.is-active,
body.omx-sec .omx-segmento .omx-segmento__btn.is-active:hover,
body.omx-sec .omx-segmento .omx-segmento__btn.is-active:focus,
body.omx-sec .omx-segmento .omx-segmento__btn.is-active:active{border-bottom-color:#ffc400;background:none;box-shadow:none;color:#1a1a1a;font-weight:700}
body.omx-sec .omx-segmento .omx-segmento__btn:focus-visible{outline:2px solid #c98a00;outline-offset:-2px}
@media (min-width:900px){body.omx-sec .omx-segmento .omx-segmento__btn{padding:14px 16px;font-size:15px}}
@media (max-width:420px){body.omx-sec .omx-segmento .omx-segmento__btn{padding:12px 7px;font-size:13.5px}}

/* Samsung: pestañas + Categoría + ayuda en UNA fila con la línea inferior (como Inicio: pestañas + filtro). */
body.omx-sec .omx-sam-barra{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 12px;border-bottom:1px solid #e5e5e7}
body.omx-sec .omx-sam-barra .omx-segmento{flex:0 1 auto;min-width:0;margin:0}
body.omx-sec .omx-sam-barra .omx-segmento .omx-segmento__lista{border-bottom:0}
body.omx-sec .omx-sam-catsel__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.omx-sec .omx-sam-catsel{margin:0 0 0 auto;padding:0}
body.omx-sec .omx-sam-catsel__sel{height:34px;padding:0 26px 0 12px;border:1px solid #e5e5e7;border-radius:999px;background-color:#fff;font:inherit;font-size:13px;font-weight:700;color:#1a1a1a;max-width:46vw}
body.omx-sec .omx-sam-barra__ayuda{margin-left:0;flex:0 0 auto}
@media (max-width:520px){body.omx-sec .omx-sam-barra__ayuda-t{display:none}body.omx-sec .omx-sam-barra__ayuda{font-size:1.35rem;line-height:1;padding:4px 6px}}

/* 0.1.107 — Ficha Samsung en escritorio: misma caja que la ficha de Mercado Libre (cabecera con logo + compartir unida al bloque
   superior mediante un solo borde, 24 px de relleno, imagen de 300 px, título de 26 px). */
@media (min-width:900px){
	body.omx-sec--ficha .omx-sam3f .omx-fo-cab{margin:0;padding:12px 24px;background:#fff;border:1px solid var(--fo-border,#e5e5e7);border-bottom:1px solid var(--fo-border,#e5e5e7);border-radius:16px 16px 0 0}
	body.omx-sec--ficha .omx-sam3f .omx-fo-top{gap:36px;padding:24px;border-top:0;border-radius:0 0 16px 16px;align-items:center}
	body.omx-sec--ficha .omx-sam3f .omx-fo-media{min-height:0;height:300px}
	body.omx-sec--ficha .omx-sam3f .omx-sam3f__zoom{height:100%}
	body.omx-sec--ficha .omx-sam3f .omx-fo-media__img{height:100%;max-height:none;object-fit:contain}
	body.omx-sec--ficha .omx-sam3f .omx-fo-titulo{margin:0 0 18px;font-size:26px;line-height:1.25}
	body.omx-sec--ficha .omx-sam3f .omx-fo-cta--top{max-width:340px}
}

/* 0.1.107 — Avisos grises de las fichas más compactos (misma información; menos peso visual). */
body.omx-sec--ficha .omx-fo-estado{margin:0 12px 10px;padding:6px 10px;font-size:12.5px;font-weight:500;line-height:1.35}
@media (min-width:900px){body.omx-sec--ficha .omx-fo-estado{font-size:13px}}

/* 0.1.108 — Instrucción general de la ficha (una sola vez, bajo «Desglose de precios»). */
body.omx-sec--ficha .omx-fo-escs__guia{margin:-4px 0 12px;font-size:13px;line-height:1.4;color:#5b5b5b}
body.omx-sec--ficha .omx-fo-escs__guia strong{color:#1a1a1a;font-weight:700}

/* =====================================================================================================================
   0.1.108 — «Ofertas» (Samsung) con la MISMA estructura que Inicio: barra única (título · pestañas · Categoría) a todo el ancho,
   debajo columna de tarjetas + columna lateral (Ofertas destacadas, Top del día, Top de la semana) con las medidas de .omx-feed.
   ===================================================================================================================== */
/* Módulos laterales: misma tarjeta que .omx-feed__bloque de Inicio. */
.omx-sec__bloque{margin:0 0 14px;padding:14px;border:1px solid #e5e5e7;border-radius:14px;background:#fff}
.omx-sec__bloque-t{margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.3;color:#1a1a1a}
.omx-sec__top{margin:0;padding-left:20px;font-size:14px;line-height:1.8;color:#333}
.omx-sec__mini{padding:8px 0}
.omx-sec__mini img{flex:0 0 48px;width:48px;height:48px;border-radius:10px;object-fit:cover}
.omx-sec__mini strong{font-size:13px;font-weight:700;line-height:1.3}
.omx-sec__mini em{font-size:12px;font-weight:700;color:#11703f}
.omx-sec__lateral>.omx-sec__bloque:last-child{margin-bottom:0}

/* Barra de Samsung: título · pestañas · Categoría. */
body.omx-sec--samsung .omx-sam-barra__titulo{display:none;margin:0;padding:0 18px 0 0;font-size:17px;font-weight:800;line-height:1.2;color:#1a1a1a;white-space:nowrap}
body.omx-sec--samsung .omx-sam-barra{position:sticky;top:calc(var(--omx-top,0px) + var(--omx-hdr-h,56px));z-index:55;background:#fff;transition:top .26s ease}
html.omx-ui-oculto body.omx-sec--samsung .omx-sam-barra{top:calc(var(--omx-top,0px) - 140px)}
@media (prefers-reduced-motion:reduce){body.omx-sec--samsung .omx-sam-barra{transition:none}}
/* «¿Cómo funciona?» al final de la sección (discreto). */
body.omx-sec--samsung .omx-sam-pie-ayuda{margin:18px 0 0;text-align:center}
body.omx-sec--samsung .omx-sam-pie-ayuda .omx-sam-barra__ayuda{display:inline-flex;gap:4px;font-size:13px;color:#1428a0;text-decoration:underline}

@media (min-width:900px){
	/* Una sola fila: «Ofertas Samsung» a la izquierda, Categoría a la derecha; sin el encabezado alto de antes. */
	body.omx-sec--samsung .omx-cupones .omx-sam-cab{display:none}
	body.omx-sec--samsung .omx-sam-barra__titulo{display:block}
	body.omx-sec--samsung .omx-sam-barra{margin-bottom:14px}
	/* Con lateral: mismas medidas que .omx-feed (1240 con 20 px de relleno; la barra ocupa todo el ancho y el lateral empieza debajo). */
	body.omx-sec--samsung .omx-cupones.tiene-lateral{padding:0 20px 40px;box-sizing:border-box}
	body.omx-sec--samsung .omx-cupones.tiene-lateral>.omx-sam-barra{grid-column:1 / -1;margin:0 -20px 14px;padding:0 20px}
	body.omx-sec .omx-cupones.tiene-lateral>.omx-sec__lateral{top:calc(var(--omx-top,0px) + 76px)}
	body.omx-sec--samsung .omx-cupones.tiene-lateral>.omx-sec__lateral{grid-row:2 / span 40}
	body.omx-sec--samsung .omx-cupones.tiene-lateral>*{min-width:0}
}

/* 0.1.108 — Hojas inferiores de «Cupones» y «Tiendas» (barra móvil). Solo móvil; con la hoja abierta se aparta el WhatsApp flotante. */
.omx-hoja,.omx-hoja-fondo{display:none}
@media (max-width:899px){
	.omx-hoja-fondo:not([hidden]){display:block;position:fixed;top:0;left:0;right:0;bottom:calc(var(--omx-bnav-h,62px) + env(safe-area-inset-bottom,0px));z-index:9400;background:rgba(17,17,17,.35)}
	.omx-hoja:not([hidden]){display:flex;flex-direction:column;position:fixed;left:12px;right:12px;bottom:calc(var(--omx-bnav-h,62px) + 10px + env(safe-area-inset-bottom,0px));z-index:9500;max-width:420px;margin:0 auto;padding:6px;background:#fff;border:1px solid #e5e5e7;border-radius:14px;box-shadow:0 -6px 30px rgba(0,0,0,.2)}
	.omx-hoja__t{margin:0;padding:8px 14px 4px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#777}
	.omx-hoja a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 14px;border-radius:8px;font-size:15px;font-weight:600;color:#1a1a1a;text-decoration:none}
	.omx-hoja a:active,.omx-hoja a:focus-visible{background:#fff1b8;outline:0}
	.omx-hoja a svg{flex:0 0 auto;color:#999}
	.omx-bnav button[aria-expanded="true"]{color:#7a5c00}
	html.omx-hoja-abierta body.omx-app .omx-whatsapp-float{opacity:0;pointer-events:none}
}

/* =====================================================================================================================
   0.1.109 — Cuarta homologación (solo administradores, todo bajo body.omx-sec).
   (1) «Ofertas Samsung» conserva la estructura de Inicio AUNQUE no haya módulos laterales: barra a todo el ancho y columna de
       800 px centrada (antes quedaba una columna estrecha pegada a la izquierda).
   (2) Encabezado Samsung móvil en UNA fila (título · Categoría) y pestañas en una segunda fila.
   (3) Tarjetas Samsung más compactas; (4) ficha Samsung móvil con la composición de la tarjeta del listado;
   (5) cierre de la ficha Samsung con dos botones como Mercado Libre.
   ===================================================================================================================== */
/* (1) Escritorio: contenedor de 1240 px (como .omx-feed) con o sin lateral. */
@media (min-width:900px){
	body.omx-sec--samsung .omx-cupones:not(.tiene-lateral){max-width:1240px;padding:0 20px 40px;box-sizing:border-box}
	body.omx-sec--samsung .omx-cupones:not(.tiene-lateral)>.omx-sam-barra{margin:0 -20px 14px;padding:0 20px}
	body.omx-sec--samsung .omx-cupones:not(.tiene-lateral)>.omx-sam-lista,
	body.omx-sec--samsung .omx-cupones:not(.tiene-lateral)>.omx-inicio__paginacion,
	body.omx-sec--samsung .omx-cupones:not(.tiene-lateral)>.omx-sam-pie-ayuda,
	body.omx-sec--samsung .omx-cupones:not(.tiene-lateral)>.omx-cupones__aviso,
	body.omx-sec--samsung .omx-cupones:not(.tiene-lateral)>[data-omx-sam-vacio]{max-width:800px;margin-left:auto;margin-right:auto;box-sizing:border-box}
}
/* (2) Móvil: fila 1 = título a la izquierda + Categoría a la derecha; fila 2 = pestañas (Recientes · Destacados · Populares). */
@media (max-width:899px){
	body.omx-sec--samsung .omx-cupones .omx-sam-cab{display:none}
	body.omx-sec--samsung .omx-sam-barra{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t c" "v v";align-items:center;gap:0 10px;margin:0 0 12px;padding:0}
	body.omx-sec--samsung .omx-sam-barra__titulo{display:block;grid-area:t;padding:10px 0 6px;font-size:17px;overflow:hidden;text-overflow:ellipsis}
	body.omx-sec--samsung .omx-sam-catsel{grid-area:c;margin:0}
	body.omx-sec--samsung .omx-sam-catsel__sel{max-width:44vw}
	body.omx-sec--samsung .omx-sam-barra .omx-sam-tabs-nav{grid-area:v;margin:0;min-width:0}
	body.omx-sec--samsung .omx-sam-barra .omx-segmento .omx-segmento__lista{border-bottom:0}
}
/* (3) Tarjetas del listado más compactas (mismos datos; menos aire). */
body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-sam3-bloques{gap:8px}
body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-sam3-b{padding:5px 10px 6px 10px}
body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-sam3-fila{padding:4px 12px 8px}
@media (max-width:639px){
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-oferta-card__cuerpo{grid-template-columns:120px minmax(0,1fr)}
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-oferta-card__media{padding:8px 4px 24px}
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-sam3__img{max-width:none}
}
@media (min-width:640px){
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-oferta-card__media{min-height:0;padding:12px 10px 30px}
	body.omx-sec .omx-oferta-card.omx-sam3:not(.omx-sam3f) .omx-sam3__img{max-width:160px}
}
/* (4) Ficha Samsung móvil: imagen a la izquierda; nombre, Normal/Estudiantes y precio de lista apilados a la derecha;
   variantes y botón debajo, a todo el ancho. Reemplaza la disposición de 0.1.107 (precios a todo el ancho). */
@media (max-width:899px){
	body.omx-sec--ficha .omx-sam3f .omx-fo-top{grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto 1fr auto auto;column-gap:12px;row-gap:8px;padding:12px;align-items:start}
	body.omx-sec--ficha .omx-sam3f .omx-fo-media{grid-column:1;grid-row:1 / span 3;align-self:stretch;height:auto;min-height:0;padding:8px 4px 24px}
	body.omx-sec--ficha .omx-sam3f .omx-sam3f__zoom{height:auto}
	body.omx-sec--ficha .omx-sam3f .omx-fo-media__img{height:auto;max-height:none;aspect-ratio:1/1;object-fit:contain}
	body.omx-sec--ficha .omx-sam3f .omx-fo-titulo{grid-column:2;grid-row:1}
	body.omx-sec--ficha .omx-sam3f .omx-sam3-precio{grid-column:2;grid-row:2;margin-top:6px;min-width:0}
	body.omx-sec--ficha .omx-sam3f .omx-fo-refs{grid-column:2;grid-row:3;margin:0;min-width:0}
	body.omx-sec--ficha .omx-sam3f .omx-fo-refs p{margin:0;font-size:13px;line-height:1.3}
	body.omx-sec--ficha .omx-sam3f .omx-sam3f__vars{grid-column:1 / -1;grid-row:4}
	body.omx-sec--ficha .omx-sam3f .omx-fo-cta--top{grid-column:1 / -1;grid-row:5}
	body.omx-sec--ficha .omx-sam3f .omx-sam3-bloques{gap:8px}
	body.omx-sec--ficha .omx-sam3f .omx-sam3-b{padding:5px 10px 6px 10px}
	body.omx-sec--ficha .omx-sam3f .omx-sam3-b__m{font-size:19px}
}
@media (min-width:640px) and (max-width:899px){
	body.omx-sec--ficha .omx-sam3f .omx-fo-top{grid-template-columns:150px minmax(0,1fr)}
	body.omx-sec--ficha .omx-sam3f .omx-fo-titulo{font-size:17px}
}
/* (5) Cierre de la ficha Samsung: «Ver en Samsung» + «Ver más ofertas», misma fila, misma altura (como el cierre de Mercado Libre). */
body.omx-sec--ficha .omx-fo-cierre{display:flex;flex-direction:row;gap:10px;margin:16px 0 0}
body.omx-sec--ficha .omx-fo-cierre__btn,body.omx-sec--ficha .omx-sam3f__cierre .omx-fo-cta--fin{flex:1 1 0;min-width:0;min-height:48px;margin:0;border-radius:12px;font-size:15px;font-weight:800;line-height:1.2}
body.omx-sec--ficha .omx-sam3f__cierre .omx-fo-cta--fin{display:flex;width:auto}
body.omx-sec--ficha .omx-fo-cierre__btn--ofertas-samsung{border:1.5px solid #111;background:#fff;color:#111}
@media (max-width:380px){
	body.omx-sec--ficha .omx-fo-cierre{flex-direction:row}
	body.omx-sec--ficha .omx-fo-cierre__btn,body.omx-sec--ficha .omx-sam3f__cierre .omx-fo-cta--fin{padding:4px 8px;font-size:14px}
}