/* Black November 2026 (2.2): barra debajo del menú, página /black-week/, sello y aviso del regalo.
   2.2 (Francisco, 4-11-26): la página usa las piezas del inicio (mpsh-asesoria, mpsc-heading, mpsh-grid4,
   mpsc-card, mpsc-btn); aquí solo va lo propio. Mismos colores que chrome-2026.css. */

/* ---- Barra ---- */
.mpsbn-barra {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px 14px;
	padding: 10px 16px;
	background: #0B0B0B;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	border-bottom: 3px solid #C73D2C;
}
.mpsbn-barra:hover { color: #FFFFFF; }
.mpsbn-barra b { color: #C73D2C; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 800; }
.mpsbn-barra-reloj { font-variant-numeric: tabular-nums; color: #B5B3AF; }
.mpsbn-barra-cta { font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }

/* ---- Sello del regalo en las tarjetas (Ultra Whey y Ultra Vegan): el bote del Mystery encima, «Gratis» ---- */
.mpsbn-sello-regalo {
	position: absolute; right: 8px; bottom: 8px; z-index: 2;
	display: flex; flex-direction: column; align-items: center; gap: 2px;
	width: 34%; max-width: 104px; padding: 6px 6px 7px;
	background: #FFFFFF; border: 1.5px solid #C73D2C; border-radius: 6px;
	box-shadow: 0 6px 16px rgba(17, 17, 17, 0.14); transform: rotate(-3deg);
}
.mps-2026 .mpsbn-sello-regalo img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; padding: 0; margin: 0; transform: none !important; }
.mpsbn-sello-regalo b {
	display: block; width: 100%; padding: 2px 0; border-radius: 3px; background: #C73D2C; color: #FFFFFF;
	font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; text-align: center;
}
.mpsbn-sello-regalo i { font-style: normal; font-size: 9.5px; line-height: 1.15; font-weight: 700; color: #111111; text-align: center; }
.mpsbn-sello-regalo-txt { width: auto; max-width: none; left: 12px; transform: none; }
.mpsbn-sello-2x1 {
	position: absolute; top: 12px; right: 12px; z-index: 2;
	padding: 5px 10px; border-radius: 999px; background: #0B0B0B; color: #FFFFFF;
	font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
}

/* ---- Aviso del regalo en la ficha ---- */
.mpsbn-aviso-regalo {
	display: flex; align-items: center; gap: 12px;
	margin: 12px 0 4px; padding: 12px 14px;
	border: 1px solid #E4E2E0; border-left: 3px solid #C73D2C; border-radius: 4px; background: #F5F4F2;
}
.mpsbn-aviso-regalo img { width: 56px; height: 56px; object-fit: contain; flex: none; background: #FFFFFF; border-radius: 4px; }
.mpsbn-aviso-regalo p { margin: 0; font-size: 13.5px; line-height: 1.5; color: #55534F; }
.mpsbn-aviso-regalo b { color: #111111; }

/* ---- Página /black-week/ ---- */
.mpsbn-pagina .mpsbn-hero { margin-top: 40px; margin-bottom: 0; }
.mpsbn-hero-lado {
	display: flex; flex-direction: column; justify-content: center; gap: 14px;
	padding: 72px 64px; border-left: 1px solid rgba(255, 255, 255, 0.08); color: #FFFFFF;
}
.mpsbn-hero-et { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #B5B3AF; }
.mpsbn-reloj { font-size: 40px; line-height: 1; font-weight: 800; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; color: #FFFFFF; }
/* Nombre del tramo, grande (Francisco, 4-11-26: «Black Week… podría estar más en grande») */
.mpsbn-tramo {
	display: inline-block; align-self: flex-start; padding: 6px 14px; border-radius: 4px; background: #C73D2C; color: #FFFFFF;
	font-size: 22px; line-height: 1.1; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;
}
/* Cuenta regresiva por partes: número y debajo días / horas / minutos / segundos */
.mpsbn-cuenta { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; max-width: 380px; }
.mpsbn-cuenta span { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 4px 10px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 6px; background: rgba(255, 255, 255, 0.04); }
.mpsbn-cuenta b { font-size: 34px; line-height: 1; font-weight: 800; font-variant-numeric: tabular-nums; color: #FFFFFF; }
.mpsbn-cuenta i { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #B5B3AF; }
.mpsbn-hero-datos { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 0; padding: 0; list-style: none; }
.mpsbn-hero-datos li { position: relative; padding-left: 18px; font-size: 14px; line-height: 1.5; color: #D6D4D1; }
.mpsbn-hero-datos li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 7px; height: 7px; border-radius: 999px; background: #C73D2C; }

.mpsbn-aviso { margin: 24px max(56px, calc(50% - 664px)) 0; padding: 12px 16px; background: #FFF3CD; color: #4A3B00; font-size: 14px; border-radius: 4px; }

.mpsbn-sec { padding-top: 80px; padding-bottom: 80px; gap: 32px; }
.mpsbn-sec .mpsh-sec-nota { max-width: 380px; }

.mpsbn-sec .mpsh-grid4 { align-items: stretch; }
.mpsbn-card, .mpsbn-agr { height: 100%; display: flex; flex-direction: column; }
.mpsbn-card-det { font-size: 13px; line-height: 1.45; color: #55534F; }
.mpsbn-sabores { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mpsbn-sabores label { display: flex; flex-direction: column; gap: 4px; font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: #8A8782; }
.mps-2026 .mpsbn-sabores select {
	height: 38px; padding: 0 8px; border: 1px solid #E4E2E0; border-radius: 2px; background: #FFFFFF; color: #111111;
	font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: 0;
}
.mpsbn-msg { margin: 0; min-height: 0; font-size: 12.5px; line-height: 1.4; }
.mpsbn-msg:empty { display: none; }
.mpsbn-msg.es-error { color: #B23425; }
.mpsbn-msg.es-ok { color: #2F7D45; }
.mps-2026 .mpsbn-card .mpsc-card-btn[disabled], .mps-2026 .mpsbn-agr .mpsc-card-btn[disabled] { opacity: 0.5; cursor: wait; }

/* Año de creatina: tarjeta ancha debajo de la rejilla */
.mpsbn-ano {
	display: grid; grid-template-columns: minmax(200px, 300px) minmax(0, 1fr); align-items: center;
	border: 1px solid #111111; border-radius: 6px; background: #FFFFFF; overflow: hidden;
}
.mpsbn-ano-img { position: relative; height: 100%; min-height: 240px; background: #FFFFFF; border-right: 1px solid #F0EFED; }
.mpsbn-ano-img img { width: 100%; height: 100%; object-fit: contain; padding: 16px; display: block; }
.mpsbn-ano-txt { display: flex; flex-direction: column; gap: 10px; padding: 32px 36px; align-items: flex-start; }
.mpsbn-ano-txt h3 { margin: 0; font-size: 28px; line-height: 1.05; font-weight: 700; text-transform: uppercase; letter-spacing: -0.01em; color: #111111; }
.mpsbn-ano-txt p { margin: 0; font-size: 15px; line-height: 1.6; color: #55534F; }
.mpsbn-ano-pie { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 6px; }
.mpsbn-ano-pie .mpsc-card-precio { font-size: 26px; }
.mpsbn-combos { gap: 20px; }
.mpsbn-ano-mega { border-width: 2px; border-color: #C73D2C; }
.mpsbn-ano-tira { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: center; gap: 4px; padding: 40px 12px 12px; }
.mpsbn-ano-tira img { aspect-ratio: 1 / 1; height: auto; padding: 4px; }
.mpsbn-ano-tira-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mpsbn-ano-nota { margin: 0; font-size: 13px; color: #8A8782; }
.mpsbn-sabores-ancho { grid-template-columns: repeat(3, minmax(0, 200px)); }

/* ---- «Completa tu año de creatina» en los carritos ---- */
.mpsbn-completar {
	display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 8px 12px;
	margin: 12px 0; padding: 12px; border: 1.5px solid #C73D2C; border-radius: 6px; background: #FFF7F5;
}
.mpsbn-completar img { width: 48px; height: 48px; object-fit: contain; background: #FFFFFF; border-radius: 4px; }
.mpsbn-completar p { margin: 0; font-size: 13px; line-height: 1.45; color: #55534F; }
.mpsbn-completar p b { display: block; color: #111111; font-size: 14px; }
.mpsbn-completar-btn {
	grid-column: 1 / -1; height: 40px; border: 0; border-radius: 2px; background: #C73D2C; color: #FFFFFF;
	font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer;
}
.mpsbn-completar-btn:hover { background: #B23425; }
.mpsbn-completar-btn[disabled] { opacity: 0.6; cursor: wait; }

.mpsbn-acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }

.mpsbn-regalo { border-top: 1px solid #E4E2E0; }
.mpsbn-regalo-txt { margin: 0; max-width: 620px; font-size: 16px; line-height: 1.6; color: #55534F; }

.mpsbn-letra { gap: 12px; }
.mpsbn-letra h2 { margin: 0; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #111111; }
.mpsbn-letra ul { display: flex; flex-direction: column; gap: 6px; }
.mpsbn-letra li { position: relative; padding-left: 14px; font-size: 13px; line-height: 1.55; color: #8A8782; }
.mpsbn-letra li::before { content: "·"; position: absolute; left: 2px; top: 0; color: #C73D2C; font-weight: 800; }

@media (max-width: 980px) {
	.mpsbn-hero-lado { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 32px 40px 56px; }
	.mpsbn-ano { grid-template-columns: minmax(0, 1fr); }
	.mpsbn-ano-img { min-height: 220px; height: 220px; border-right: 0; border-bottom: 1px solid #F0EFED; }
}
@media (max-width: 900px) {
	.mpsbn-pagina .mpsbn-hero { margin-top: 0; }
	.mpsbn-hero-lado { padding: 28px 18px 56px; }
	.mpsbn-reloj { font-size: 32px; }
	.mpsbn-tramo { font-size: 18px; }
	.mpsbn-cuenta { max-width: none; gap: 6px; }
	.mpsbn-cuenta b { font-size: 26px; }
	.mpsbn-cuenta i { font-size: 9.5px; }
	.mpsbn-sabores-ancho { grid-template-columns: minmax(0, 1fr); }
	.mpsbn-ano-tira { padding-top: 40px; }
	.mpsbn-sec { padding: 56px 18px; gap: 24px; }
	.mpsbn-sec > .mpsh-sec-head { flex-direction: column; align-items: flex-start; }
	.mpsbn-sec .mpsh-sec-nota { text-align: left; }
	.mpsbn-ano-txt { padding: 24px 18px; }
	.mpsbn-ano-txt h3 { font-size: 22px; }
	.mpsbn-ano-pie, .mpsbn-ano-pie .mpsc-btn { width: 100%; }
	.mpsbn-acciones .mpsc-btn { width: 100%; }
	.mpsbn-aviso { margin: 16px 18px 0; }
	.mpsbn-barra { font-size: 12px; }
}
@media (max-width: 600px) {
	.mpsbn-sabores { grid-template-columns: minmax(0, 1fr); }
	.mpsbn-sec .mpsh-grid4 { gap: 12px; }
	.mpsbn-card .mpsc-card-img, .mpsbn-agr .mpsc-card-img { height: 170px; }
	.mpsbn-card .mpsc-card-info, .mpsbn-agr .mpsc-card-info { padding: 12px; }
	.mpsbn-card .mpsc-card-nombre, .mpsbn-agr .mpsc-card-nombre { font-size: 14px; }
	.mpsbn-card .mpsc-card-pie, .mpsbn-agr .mpsc-card-pie { flex-direction: column; align-items: stretch; gap: 8px; }
	.mpsbn-card .mpsc-card-btn, .mpsbn-agr .mpsc-card-btn { width: 100%; padding: 0 8px; font-size: 11px; }
}

/* ---- 2.2 (Francisco, 4-11-26, tercera revisión) ---- */
/* Precio en la foto de la tarjeta: Mystery «Q99 con cualquier otro producto», prote de 15 «Solo Q295» */
.mpsbn-sello-precio {
	position: absolute; left: 8px; bottom: 8px; z-index: 2; display: inline-flex; align-items: baseline; gap: 5px;
	max-width: calc(100% - 16px); padding: 5px 9px; border-radius: 4px; background: #FFFFFF; border: 1.5px solid #C73D2C;
	box-shadow: 0 4px 12px rgba(17, 17, 17, 0.12); font-size: 10.5px; line-height: 1.2; font-weight: 700; color: #111111;
}
.mpsbn-sello-precio b { font-size: 15px; font-weight: 800; color: #C73D2C; white-space: nowrap; }

/* Ficha de un producto del 2x1: «Pagas 1 y te llevas 2» */
.mpsbn-aviso-2x1 {
	display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 14px 0 6px; padding: 14px 16px;
	border: 2px solid #C73D2C; border-radius: 6px; background: #FFF7F5;
}
.mpsbn-aviso-2x1-et { padding: 4px 10px; border-radius: 4px; background: #C73D2C; color: #FFFFFF; font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.mpsbn-aviso-2x1 p { margin: 0; font-size: 14px; line-height: 1.5; color: #55534F; }
.mpsbn-aviso-2x1 p b { color: #111111; font-size: 16px; }
.mpsbn-aviso-2x1 a { font-size: 13px; font-weight: 700; color: #C73D2C; text-decoration: underline; text-underline-offset: 3px; }

/* Combos: lo que llega, producto por producto (cuántos y qué es gratis) */
.mpsbn-ano-mega { grid-template-columns: minmax(260px, 440px) minmax(0, 1fr); }
.mpsbn-ano-partes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: center; gap: 8px; padding: 44px 14px 14px; text-decoration: none; }
.mpsbn-partes-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mpsbn-partes-7, .mpsbn-partes-8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mpsbn-parte { position: relative; display: block; aspect-ratio: 1 / 1; }
.mps-2026 .mpsbn-parte img { width: 100%; height: 100%; object-fit: contain; padding: 2px; display: block; }
.mpsbn-parte-sin { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 6px; border-radius: 6px; background: #F5F4F2; font-size: 11px; font-weight: 700; line-height: 1.2; text-align: center; color: #111111; }
.mpsbn-parte-gratis {
	position: absolute; left: 0; top: 0; z-index: 1; padding: 2px 7px; border-radius: 3px; background: #C73D2C; color: #FFFFFF;
	font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; transform: rotate(-4deg);
}
.mpsbn-parte-x { position: absolute; right: 0; bottom: 0; padding: 1px 6px; border-radius: 999px; background: #111111; color: #FFFFFF; font-style: normal; font-size: 11px; font-weight: 800; }
.mpsbn-gratis { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
.mpsbn-gratis li { font-size: 14px; line-height: 1.45; color: #111111; }
.mpsbn-gratis li b { color: #C73D2C; text-transform: uppercase; letter-spacing: 0.06em; font-size: 12px; }
.mpsbn-ano-nota b { color: #111111; }
.mpsbn-ano-nota a { margin-left: 4px; font-weight: 700; color: #C73D2C; text-decoration: underline; text-underline-offset: 3px; }

/* Mystery gratis: el bote y las proteínas que lo traen */
.mpsbn-regalo-cuerpo { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.mpsbn-regalo-mys { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 2px solid #C73D2C; border-radius: 6px; background: #FFFFFF; }
.mps-2026 .mpsbn-regalo-mys img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
.mpsbn-regalo-mys .mpsbn-parte-gratis { left: 12px; top: 12px; font-size: 13px; padding: 4px 10px; }
.mpsbn-regalo-mys p { margin: 0; font-size: 14px; line-height: 1.5; color: #55534F; }
.mpsbn-regalo-mys p b { color: #111111; }
.mpsbn-regalo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Ficha de un combo (/black-week/<combo>/) */
.mpsbn-ficha .mpsbn-tramo { margin-bottom: 14px; }
.mpsbn-sabores-oscuro { margin: 6px 0 2px; }
.mpsbn-sabores-oscuro label { color: #B5B3AF; }
.mpsbn-prod-gratis .mpsg-of-prod-img { position: relative; }
.mpsbn-prod-gratis .mpsbn-parte-gratis { left: -4px; top: -4px; }
.mpsbn-link-claro { color: #FFFFFF; }
.mpsbn-ficha .mpsbn-msg { margin-top: 6px; }
.mpsbn-ficha .mpsbn-msg.es-ok { color: #7FD69A; }

@media (max-width: 980px) {
	.mpsbn-ano-mega { grid-template-columns: minmax(0, 1fr); }
	.mpsbn-ano-mega .mpsbn-ano-img { height: auto; min-height: 0; }
	.mpsbn-regalo-cuerpo { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
	.mpsbn-partes-7, .mpsbn-partes-8 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
	.mpsbn-regalo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mpsbn-regalo-mys { flex-direction: row; align-items: center; }
	.mps-2026 .mpsbn-regalo-mys img { width: 110px; flex: none; }
}

/* ---- 2.2 (Francisco, 4-11-26, cuarta revisión) ---- */
/* Barra: el nombre de la promo más grande y la cuenta en cajas, como en la página */
.mpsbn-barra b { padding: 4px 10px; border-radius: 4px; background: #C73D2C; color: #FFFFFF; font-size: 15px; letter-spacing: 0.08em; }
.mpsbn-barra-cuenta { display: inline-flex; gap: 4px; }
.mpsbn-barra-cuenta > span { display: inline-flex; flex-direction: column; align-items: center; min-width: 38px; padding: 3px 4px 2px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 4px; background: rgba(255, 255, 255, 0.05); }
.mpsbn-barra-cuenta b { padding: 0; background: none; font-size: 15px; line-height: 1; font-weight: 800; letter-spacing: 0; font-variant-numeric: tabular-nums; color: #FFFFFF; }
.mpsbn-barra-cuenta i { font-style: normal; font-size: 8.5px; line-height: 1.2; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #B5B3AF; }

/* Inicio: el nombre de la promo (Black November, Black Week, Días Black) */
.mpsh-hero-etiqueta {
	display: inline-block; align-self: flex-start; margin-bottom: 14px; padding: 6px 14px; border-radius: 4px;
	background: #C73D2C; color: #FFFFFF; font-size: 18px; line-height: 1.1; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase;
}

/* Ficha de un producto del 2x1: «~~1~~ 2 unidades» en vez del stepper y sin escalones de descuento */
.mpsbn-con-2x1 .mpsp-stepper { display: none; }
.mpsbn-pastillas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; border: 1px solid #111111; border-radius: 4px; overflow: hidden; }
.mps-2026 .mpsbn-pastillas button {
	display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 4px; border: 0; border-right: 1px solid #E4E2E0;
	background: #FFFFFF; color: #111111; cursor: pointer; font-family: inherit;
}
.mps-2026 .mpsbn-pastillas button:last-child { border-right: 0; }
.mps-2026 .mpsbn-pastillas button.es-on { background: #111111; color: #FFFFFF; }
.mpsbn-pastilla-p { font-size: 11px; color: #8A8782; }
.es-on .mpsbn-pastilla-p { color: #D6D4D1; }

/* Ficha: «Llévalo en combo 2x1» */
.mpsbn-combo-ficha { display: flex; flex-direction: column; gap: 8px; margin: 16px 0 6px; padding: 16px; border: 2px solid #C73D2C; border-radius: 6px; background: #FFFFFF; }
.mpsbn-combo-ficha-et { align-self: flex-start; padding: 3px 9px; border-radius: 3px; background: #C73D2C; color: #FFFFFF; font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.mpsbn-combo-ficha-fotos { display: flex; flex-wrap: wrap; gap: 6px; }
.mpsbn-combo-ficha-fotos span { position: relative; width: 56px; height: 56px; }
.mps-2026 .mpsbn-combo-ficha-fotos img { width: 56px; height: 56px; object-fit: contain; }
.mpsbn-combo-ficha-fotos i { position: absolute; right: -2px; bottom: -2px; padding: 0 5px; border-radius: 999px; background: #111111; color: #FFFFFF; font-style: normal; font-size: 10px; font-weight: 800; }
.mpsbn-combo-ficha-t { font-size: 18px; font-weight: 800; text-transform: uppercase; color: #111111; }
.mpsbn-combo-ficha p { margin: 0; font-size: 13px; line-height: 1.5; color: #55534F; }
.mpsbn-combo-ficha-pie { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.mpsbn-combo-ficha-pie .mpsc-card-precio { font-size: 22px; }
.mpsbn-combo-ficha-ahorro { font-size: 12.5px; font-weight: 700; color: #2F7D45; }
.mpsbn-combo-ficha-ahorro a { color: #C73D2C; text-decoration: underline; text-underline-offset: 3px; }

/* Carrito: «Mejora tu paquete» */
.mpsbn-mejora { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.mpsbn-mejora-et { justify-self: start; padding: 3px 8px; border-radius: 3px; background: #C73D2C; color: #FFFFFF; font-size: 10.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.mpsbn-mejora-fotos { display: flex; flex-wrap: wrap; gap: 4px; }
.mpsbn-mejora-fotos img { width: 40px; height: 40px; object-fit: contain; background: #FFFFFF; border-radius: 4px; }
.mpsbn-mejora-ahorro { display: block; margin-top: 4px; font-weight: 700; color: #2F7D45; }

/* Combos del sitio con Ultra Whey o Ultra Vegan: «+ Mystery gratis» */
.mpsbn-combo-regalo { display: flex; align-items: center; gap: 10px; margin: 8px 0; padding: 8px 10px; border: 1.5px solid #C73D2C; border-radius: 6px; background: #FFF7F5; }
.mpsbn-combo-regalo img { width: 44px; height: 44px; object-fit: contain; flex: none; background: #FFFFFF; border-radius: 4px; }
.mpsbn-combo-regalo span { font-size: 12.5px; line-height: 1.35; color: #111111; }
.mpsbn-combo-regalo b { color: #C73D2C; text-transform: uppercase; letter-spacing: 0.06em; }

/* Tarjetas del 2x1 en la página: la foto y el nombre llevan a la ficha */
a.mpsc-card-nombre { color: inherit; text-decoration: none; }
a.mpsc-card-img { display: block; }

@media (max-width: 900px) {
	.mpsbn-barra { gap: 6px 10px; }
	.mpsbn-barra b { font-size: 13px; }
	.mpsbn-barra-cuenta > span { min-width: 32px; }
	.mpsbn-barra-cuenta b { font-size: 13px; }
	.mpsbn-barra-cta { flex-basis: 100%; }
	.mpsh-hero-etiqueta { font-size: 14px; margin-bottom: 10px; align-self: center; }
	.mpsbn-combo-ficha-pie .mpsc-btn { width: 100%; }
}

/* ---- 2.2 (Francisco, 4-11-26, quinta revisión) ---- */
/* Tarjetas: el 2x1 en una franja roja grande abajo de la foto */
.mpsbn-sello-2x1 {
	position: absolute; left: 0; right: 0; bottom: 0; top: auto; z-index: 2;
	display: flex; align-items: center; justify-content: center; gap: 8px;
	padding: 8px 10px; border-radius: 0; background: #C73D2C; color: #FFFFFF;
	font-size: 12.5px; line-height: 1.1; font-weight: 700; letter-spacing: 0.02em; text-transform: none;
}
.mpsbn-sello-2x1 b { font-size: 20px; font-weight: 900; letter-spacing: 0.02em; }

/* Combos y opciones de la recomendación: el frasco «Gratis» encima de la foto */
/* Francisco, 4-11-26: «está tapando el colágeno… ¿no lo podemos poner distinto?»: etiqueta horizontal y chica,
   arriba a la izquierda (en las fotos de combo esa esquina queda libre). */
.mps-2026 .mpsbn-sello-combo {
	top: 12px; left: 12px; right: auto; bottom: auto; z-index: 3;
	flex-direction: row; align-items: center; gap: 8px; width: auto; max-width: calc(100% - 24px);
	padding: 5px 10px 5px 5px; transform: rotate(-2deg);
}
.mps-2026 .mpsbn-sello-combo img { width: 40px; height: 40px; flex: none; aspect-ratio: auto; }
.mpsbn-sello-combo b { width: auto; padding: 3px 7px; font-size: 11px; }
.mpsbn-sello-combo i { font-size: 11px; text-align: left; white-space: nowrap; }

/* Ficha del 2x1: «Pagas 1 · Llevas 2 · Q475» (lo tachado no se leía bien) */
.mps-2026 .mpsbn-pastillas button { gap: 1px; padding: 9px 4px 8px; }
.mpsbn-pastilla-paga { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #8A8782; }
.mpsbn-pastilla-lleva { font-size: 17px; line-height: 1.1; font-weight: 900; text-transform: uppercase; color: #C73D2C; }
.es-on .mpsbn-pastilla-paga { color: #D6D4D1; }
.es-on .mpsbn-pastilla-lleva { color: #FFFFFF; }
.mpsbn-pastilla-p { margin-top: 2px; font-size: 12px; font-weight: 700; color: #55534F; }

/* Vista rápida: el aviso del 2x1, del regalo o del precio del Mystery */
.mpsv-promo { display: flex; align-items: flex-start; gap: 10px; margin: 6px 0 2px; padding: 12px 14px; border: 2px solid #C73D2C; border-radius: 6px; background: #FFF7F5; }
.mpsv-promo img { width: 52px; height: 52px; flex: none; object-fit: contain; background: #FFFFFF; border-radius: 4px; }
.mpsv-promo-et { display: inline-block; padding: 3px 9px; border-radius: 3px; background: #C73D2C; color: #FFFFFF; font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.mpsv-promo p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.45; color: #111111; }
.mpsv-promo a { display: inline-block; margin-top: 4px; font-size: 12.5px; font-weight: 700; color: #C73D2C; text-decoration: underline; text-underline-offset: 3px; }
.mpsv-tramos-2x1 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mps-2026 .mpsv-tramo.mpsv-tramo-2x1 { gap: 1px; }
.mpsv-tramo-2x1 span { font-size: 10.5px; }
.mps-2026 .mpsv-tramo-2x1 b { font-size: 16px; font-weight: 900; color: #C73D2C; text-transform: uppercase; }
.mps-2026 .mpsv-tramo-2x1 i { position: static; padding: 0; background: none; border-radius: 0; font-style: normal; font-size: 12px; font-weight: 700; color: #55534F; }

@media (max-width: 600px) {
	.mpsbn-sello-2x1 { padding: 6px 6px; font-size: 10.5px; gap: 5px; }
	.mpsbn-sello-2x1 b { font-size: 16px; }
	.mpsbn-pastilla-paga { font-size: 9.5px; letter-spacing: 0.02em; }
	.mpsbn-pastilla-lleva { font-size: 14px; }
	.mpsv-tramo-2x1 b { font-size: 13px; }
}

/* Combos: fotos centradas en el recuadro (la última fila también) y alto según las fotos (Francisco, 4-11-26:
   «¿no luciría mejor centrado?… hay una línea algo extraña a la par del preworkout»: el recuadro tenía alto fijo
   en celular y la segunda fila se salía por encima de su borde). */
.mps-2026 .mpsbn-ano-partes { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; gap: 8px; padding: 44px 14px 16px; }
.mpsbn-ano-partes .mpsbn-parte { flex: 0 0 calc((100% - 16px) / 3); max-width: 150px; }
.mpsbn-partes-2 .mpsbn-parte { flex-basis: calc((100% - 8px) / 2); }
.mpsbn-partes-7 .mpsbn-parte, .mpsbn-partes-8 .mpsbn-parte { flex-basis: calc((100% - 24px) / 4); }
@media (max-width: 980px) {
	.mps-2026 .mpsbn-ano-img.mpsbn-ano-partes { height: auto; min-height: 0; }
}

/* ---- 2.2.2 (Francisco, 4-11-26: «este recuadro se ve muy grande… que no ocupe tanta altura») ----
   Barra en una sola fila: en compu, nombre + texto + enlace; en celular, nombre chico + texto corto + flecha. */
.mpsbn-barra { flex-wrap: nowrap; gap: 4px 12px; padding: 7px 16px; border-bottom-width: 2px; }
.mpsbn-barra > b { flex: none; padding: 3px 8px; font-size: 13px; }
.mpsbn-barra-txt { min-width: 0; }
.mpsbn-corto { display: none; }
.mpsbn-barra-cuenta { flex: none; }
.mpsbn-barra-cuenta > span { padding: 2px 4px 1px; min-width: 34px; }
.mpsbn-barra-cuenta b { font-size: 14px; }
.mpsbn-barra-cta { flex: none; }
@media (max-width: 900px) {
	.mpsbn-barra { gap: 8px; padding: 6px 12px; font-size: 12px; line-height: 1.25; }
	.mpsbn-barra > b { padding: 2px 7px; font-size: 11px; letter-spacing: 0.06em; }
	.mpsbn-barra-mystery .mpsbn-barra-txt { text-align: left; }
	.mpsbn-largo { display: none; }
	.mpsbn-corto { display: inline; }
	.mpsbn-barra-cta { flex-basis: auto; font-size: 15px; text-decoration: none; }
	.mpsbn-barra-cuenta { gap: 3px; }
	.mpsbn-barra-cuenta > span { min-width: 27px; padding: 2px 2px 1px; }
	.mpsbn-barra-cuenta b { font-size: 12px; }
	.mpsbn-barra-cuenta i { font-size: 7px; }
}