/* ===================================================================== *
 * «Cartel» — portada de dcoleccionmx.com (variante 2, elegida por Jorge el
 * 19-oct-2026). Archivo: blocksy-child/assets/dcol-cartel.css · lo encola
 * inc/dcol-cartel.php, solo en la portada.
 *
 * Copiado de colecciona.mx (tema «Impact» de Shopify) en la tinta y el oro
 * de la casa:
 *  - la vitrina es un cartel de orilla a orilla con proporción fija
 *    (1440 × 520; 390 × 560 en el teléfono); detrás de cada pieza va su
 *    propio billete, ampliado, difuminado y oscurecido;
 *  - hasta 1440 px todo mide lo de siempre; de ahí para arriba cada medida
 *    es max(<px>, <el vw que la iguala a 1440>), así cmd − muestra la misma
 *    imagen, solo más grande;
 *  - cinco accesos rápidos, «Piezas de exhibición» en franja oscura propia,
 *    títulos grandes con «›» redondo, tarjetas sin borde con zoom lento.
 * Apagado: vaciar este archivo (la portada vuelve a la de antes).
 * Contrastes: el texto del cartel va sobre la tinta del degradado (≥ 4.5:1
 * medido en las 5 láminas); --oro-texto sobre #F6F3EC da 4.63:1.
 * ===================================================================== */

/* 0 · Fluid home column (as V1): Blocksy's 1290 px cap → 90vw up to 2400 px */
body.home {
	--theme-normal-container-max-width: 2400px;
	--dcolc-w: min(90vw, 2400px);
	--dcolc-g: calc((100vw - var(--dcolc-w)) / 2);   /* page gutter (for bleeds) */
	--c-gap: max(20px, 1.39vw);
	--c-sec: max(72px, 5vw);                          /* space between sections */
	--c-panel: #F2EEE6;                               /* light photo panel */
	--c-line: #E3DDD1;
	--c-tinta: var(--tinta, #3E3A35);
	--c-tinta-2: var(--tinta-2, #2B2825);
	--c-oro: var(--oro, #C3A660);
	--c-oro-claro: var(--oro-claro, #D9C48C);
	--c-oro-texto: var(--oro-texto, #8A682C);
	--c-chev-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2825' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5l6.5 6.5-6.5 6.5'/%3E%3C/svg%3E");
	--c-chev-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9C48C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5l6.5 6.5-6.5 6.5'/%3E%3C/svg%3E");
	--c-chev-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5l6.5 6.5-6.5 6.5'/%3E%3C/svg%3E");
}
body.home [class*="ct-container"] > article {
	--theme-block-max-width: var(--dcolc-w);
	--wp--style--global--content-size: var(--dcolc-w);
}
/* Bleeding rows never create a horizontal page scroll (clip, not hidden: no scroll box). */
body.home .entry-content { overflow-x: clip; }

/* ===================================================================== *
 * 1 · HERO «Cartel»
 * ===================================================================== */
body.home .entry-content > .dcolh {
	max-width: none !important;
	width: 100%;
	margin: 0 !important;
}
/* height = the 1440 × 520 ratio (36.11vw), never under 440 px. (Not aspect-ratio +
   min-height: that pair widens the box past the window on tablets.) */
body.home .dcolh .dcolh__car {
	display: block;
	width: 100%;
	height: max(440px, 36.111vw);
	padding: 0;
	border-radius: 0;
	background: var(--c-tinta-2);
}
/* the slides fill the banner; they all share one cell (crossfade stays) */
body.home .dcolh .dcolh__laminas {
	position: absolute;
	inset: 0;
	display: grid;
	grid-template: minmax(0, 1fr) / minmax(0, 1fr);
}
body.home .dcolh .dcolh__lamina {
	grid-area: 1 / 1;
	height: 100%;
	isolation: isolate;
	overflow: hidden;
	border-radius: 0;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	grid-template-rows: minmax(0, 1fr);
	column-gap: max(clamp(28px, 4.4vw, 64px), 4.44vw);
	align-items: center;
	padding:
		max(44px, 3.06vw)
		calc((100% - var(--dcolc-w)) / 2)
		max(88px, 6.11vw);
}
/* the slide's own banknote, enlarged, blurred and inked */
body.home .dcolh .dcolc-fondo {
	position: absolute;
	inset: 0;
	z-index: -1;
	overflow: hidden;
	background: var(--c-tinta-2);
	pointer-events: none;
}
body.home .dcolh .dcolc-fondo > i {
	position: absolute;
	z-index: 0;
	inset: -26%;
	background: center / cover no-repeat;
	filter: blur(max(46px, 3.2vw)) saturate(2.4);
}
/* multiply darkens and keeps the note's own hue (an ink veil would turn it grey) */
body.home .dcolh .dcolc-fondo::before,
body.home .dcolc-acc__i > .dcolc-fondo::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 0;
	background: #8A7A68;
	mix-blend-mode: multiply;
}
body.home .dcolh .dcolc-fondo::after {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
	background:
		linear-gradient(90deg,
			rgba(43, 40, 37, 0) 0%,
			rgba(43, 40, 37, 0) 34%,
			rgba(43, 40, 37, .72) 56%,
			rgba(43, 40, 37, .84) 100%),
		radial-gradient(120% 110% at 27% 50%,
			rgba(43, 40, 37, 0) 40%,
			rgba(43, 40, 37, .4) 100%);
}
/* sharp photo, large, with a soft shadow */
body.home .dcolh .dcolh__media {
	height: 100%;
	align-self: stretch;
}
body.home .dcolh .dcolh__media::before { display: none; }
body.home .dcolh .dcolh__media img.dcolh__img {
	max-width: 100%;
	max-height: 100%;
	border-radius: max(3px, .21vw);
	box-shadow:
		0 max(26px, 1.8vw) max(64px, 4.44vw) rgba(0, 0, 0, .5),
		0 max(6px, .42vw) max(18px, 1.25vw) rgba(0, 0, 0, .32);
}
/* text column */
body.home .dcolh .dcolh__txt { align-self: center; }
body.home .dcolh .dcolh__pais {
	margin: 0 0 .95em;
	font-size: max(13px, .97vw);
	letter-spacing: .2em;
}
body.home .dcolh .dcolh__t {
	margin: 0 0 .42em;
	font-size: max(clamp(25px, 2.9vw, 42px), 2.92vw);
	line-height: 1.12;
}
body.home .dcolh .dcolh__precio {
	margin: 0 0 .78em;
	font-size: max(clamp(26px, 2.6vw, 38px), 2.64vw);
}
body.home .dcolh .dcolh__cta { gap: max(10px, .7vw) max(24px, 1.67vw); }
body.home .dcolh a.dcolh__btn {
	min-height: max(52px, 3.61vw);
	padding: max(13px, .9vw) max(32px, 2.22vw);
	font-size: max(17px, 1.18vw);
}
body.home .dcolh a.dcolh__mas {
	min-height: max(44px, 3.06vw);
	font-size: max(16px, 1.11vw);
}

/* controls: one row at the bottom right — dots · pause · arrows */
body.home .dcolh .dcolh__car .dcolh__controles,
body.home .dcolh .dcolh__car .dcolh__controles[hidden] {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex !important;
	align-items: flex-end;
	justify-content: flex-end;
	gap: max(6px, .42vw);
	margin: 0;
	padding: 0 calc((100% - var(--dcolc-w)) / 2) max(22px, 1.53vw);
	pointer-events: none;
}
body.home .dcolh .dcolh__controles > * { pointer-events: auto; }
body.home .dcolh .dcolh__puntos { order: 1; flex: 0 0 auto; margin-right: max(8px, .56vw); }
body.home .dcolh .dcolh__pausa { order: 2; }
body.home .dcolh .dcolh__flechas { order: 3; flex: 0 0 auto; margin-left: 0; gap: max(6px, .42vw); }
body.home .dcolh button.dcolh__ctl,
body.home .dcolh button.dcolh__punto {
	width: max(44px, 3.06vw);
	height: max(44px, 3.06vw);
	min-width: 0;
	min-height: 0;
}
body.home .dcolh button.dcolh__ctl {
	border-color: rgba(217, 196, 140, .55);
	background: rgba(43, 40, 37, .42);
}
body.home .dcolh button.dcolh__ctl svg { width: max(18px, 1.25vw); height: max(18px, 1.25vw); }
/* dots: small round dots; the active one is a pill that fills with the 6 s */
body.home .dcolh button.dcolh__punto::before {
	width: max(8px, .56vw);
	height: max(8px, .56vw);
	border-radius: 999px;
	background: rgba(255, 255, 255, .55);
}
body.home .dcolh button.dcolh__punto[aria-current="true"]::before {
	width: max(38px, 2.64vw);
	background:
		linear-gradient(var(--c-oro), var(--c-oro)) 0 0 / 0% 100% no-repeat,
		rgba(255, 255, 255, .3);
	animation: dcolc-llenar 6s linear forwards;
}
body.home .dcolh button.dcolh__punto[aria-current="true"] { width: max(56px, 3.89vw); }
/* las DOS capas en cada paso: con una sola, «auto» no se interpola y la barra saltaría de vacía a llena a los 3 s */
@keyframes dcolc-llenar { from { background-size: 0% 100%, auto; } to { background-size: 100% 100%, auto; } }
body.home .dcolh .dcolh__car:hover button.dcolh__punto[aria-current="true"]::before,
body.home .dcolh .dcolh__car:focus-within button.dcolh__punto[aria-current="true"]::before,
body.home .dcolh .dcolh__controles:has(.dcolh__pausa[data-estado="pausado"]) button.dcolh__punto[aria-current="true"]::before {
	animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
	body.home .dcolh button.dcolh__punto[aria-current="true"]::before {
		animation: none;
		background: var(--c-oro);
	}
}

/* ---- search strip right under the banner, on the content column ---- */
body.home .dcolh .dcolh__buscar,
body.home .dcolh .dcolh__hint {
	width: var(--dcolc-w);
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 641px) {
	body.home .dcolh .dcolh__buscar { margin-top: max(26px, 1.81vw); gap: max(10px, .7vw); }
	body.home .dcolh .dcolh__buscar input[type="search"] { height: max(54px, 3.75vw); font-size: max(16px, 1.11vw); padding: 0 max(18px, 1.25vw); }
	body.home .dcolh .dcolh__buscar button[type="submit"] { height: max(54px, 3.75vw); min-height: 0; font-size: max(16px, 1.11vw); padding: 0 max(34px, 2.36vw); }
	body.home .dcolh .dcolh__hint { font-size: max(15px, 1.04vw); margin-top: max(12px, .83vw); }
}

/* ===================================================================== *
 * 2 · QUICK-ACCESS TILES (colecciona's «image link blocks»)
 * ===================================================================== */
body.home .entry-content > .dcolc-acc { margin-top: max(30px, 2.08vw); margin-bottom: 0; }
body.home .dcolc-acc__g {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: max(16px, 1.11vw);
	margin: 0;
	padding: 0;
	list-style: none;
}
body.home .dcolc-acc__g > li { margin: 0; min-width: 0; }
body.home a.dcolc-acc__i {
	position: relative;
	display: flex;
	flex-direction: column;
	aspect-ratio: 1.36;
	padding: max(18px, 1.25vw) max(20px, 1.39vw);
	overflow: hidden;
	isolation: isolate;
	border-radius: max(8px, .56vw);
	background: linear-gradient(155deg, #4A453E 0%, var(--c-tinta-2) 78%);
	color: #fff;
	text-decoration: none;
}
body.home .dcolc-acc__t {
	display: block;
	max-width: 100%;
	font-family: "Cinzel", "Times New Roman", serif;
	font-weight: 600;
	font-size: max(19px, 1.32vw);
	line-height: 1.12;
	letter-spacing: .01em;
	color: var(--c-oro-claro);
}
body.home .dcolc-acc__m {
	display: block;
	max-width: 100%;
	margin-top: .45em;
	font-size: max(15px, 1.04vw);
	line-height: 1.35;
	color: rgba(255, 255, 255, .8);
}
@media (min-width: 641px) and (max-width: 1279px) {
	body.home .dcolc-acc__g {
		display: flex;
		margin-right: calc(-1 * var(--dcolc-g));
		padding-right: var(--dcolc-g);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	body.home .dcolc-acc__g::-webkit-scrollbar { display: none; }
	body.home .dcolc-acc__g > li { flex: 0 0 clamp(220px, 29vw, 300px); scroll-snap-align: start; }
}
/* the banknote lies on the tile and is cropped by its edge */
body.home .dcolc-acc__i > .dcolc-fondo {
	position: absolute;
	inset: 0;
	z-index: -2;
	overflow: hidden;
	background: var(--c-tinta-2);
	pointer-events: none;
}
body.home .dcolc-acc__i > .dcolc-fondo > i {
	position: absolute;
	z-index: 0;
	inset: -30%;
	background: center / cover no-repeat;
	filter: blur(26px) saturate(2.4);
}
body.home .dcolc-acc__i > .dcolc-fondo::after {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
	background: linear-gradient(165deg, rgba(43, 40, 37, .8) 0%, rgba(43, 40, 37, .55) 42%, rgba(43, 40, 37, .12) 100%);
}
body.home .dcolc-acc__ph {
	position: absolute;
	right: -8%;
	bottom: -15%;
	z-index: -1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	width: 70%;
	height: 70%;
	transform: rotate(-9deg);
	transform-origin: 80% 80%;
	transition: transform .9s cubic-bezier(.2, .7, .2, 1);
}
body.home .dcolc-acc__ph img,
body.home .dcolc-acc__n img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	border-radius: 3px;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);
}
/* «Billetes por país»: three countries fanned out */
body.home .is-fan .dcolc-acc__ph { display: block; width: 50%; height: 66%; right: 2%; bottom: -8%; transform: none; }
body.home .is-fan .dcolc-acc__n { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; transform-origin: 50% 100%; }
body.home .is-fan .dcolc-acc__n:nth-child(1) { transform: rotate(-22deg) translate(-26%, -2%); }
body.home .is-fan .dcolc-acc__n:nth-child(2) { transform: rotate(-7deg) translate(-4%, -10%); }
body.home .is-fan .dcolc-acc__n:nth-child(3) { transform: rotate(9deg) translate(16%, -4%); }
/* round «›» at the bottom left */
body.home .dcolc-acc__go {
	position: absolute;
	left: max(20px, 1.39vw);
	bottom: max(18px, 1.25vw);
	width: max(34px, 2.36vw);
	height: max(34px, 2.36vw);
	border: 1px solid rgba(217, 196, 140, .55);
	border-radius: 50%;
	background: rgba(43, 40, 37, .55) var(--c-chev-gold) center / 44% no-repeat;
	transition: background-color .2s ease, border-color .2s ease;
}
body.home a.dcolc-acc__i:hover .dcolc-acc__go {
	border-color: var(--c-oro);
	background: var(--c-oro) var(--c-chev-ink) center / 44% no-repeat;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	body.home a.dcolc-acc__i:hover .dcolc-acc__ph { transform: rotate(-6deg) translateY(-5%) scale(1.04); }
	body.home a.dcolc-acc__i.is-fan:hover .dcolc-acc__ph { transform: translateY(-5%) scale(1.04); }
}
body.home a.dcolc-acc__i:focus-visible {
	outline: 3px solid var(--c-tinta-2);
	outline-offset: 3px;
}

/* ===================================================================== *
 * 3 · SECTION HEADERS, CAROUSELS AND CARDS — colecciona's manner
 * ===================================================================== */
body.home .entry-content > .dcol-car,
body.home .entry-content > .dcolp-az,
body.home .entry-content > .dcolp-tiles,
body.home .entry-content > .dcolp-conf {
	margin-top: var(--c-sec);
	margin-bottom: 0;
}
body.home .dcol-car__h {
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px 24px;
	margin-bottom: max(22px, 1.53vw);
}
body.home .dcol-car__t {
	font-size: max(clamp(25px, 2.3vw, 34px), 2.36vw);
	font-weight: 600;
	line-height: 1.1;
	color: var(--c-tinta-2);
}
body.home .dcol-car__t::after { display: none; }
body.home .dcol-car__nav { flex: 0 0 auto; }
/* «Ver todo ›»: text + round chevron, 44 px tall */
body.home a.dcol-car__all {
	display: inline-flex;
	align-items: center;
	gap: max(12px, .83vw);
	min-height: max(44px, 3.06vw);
	margin: 0;
	font-size: max(15px, 1.04vw);
	font-weight: 600;
	color: var(--c-tinta);
	text-decoration: none;
	white-space: nowrap;
}
body.home a.dcol-car__all::after {
	content: "";
	flex: 0 0 auto;
	width: max(34px, 2.36vw);
	height: max(34px, 2.36vw);
	border-radius: 50%;
	background: #EAE4D8 var(--c-chev-ink) center / 42% no-repeat;
	transition: background-color .2s ease;
}
body.home a.dcol-car__all:hover { text-decoration: none; color: var(--c-tinta-2); }
body.home a.dcol-car__all:hover::after { background-color: var(--c-oro); }
body.home a.dcol-car__all:focus-visible { outline: 3px solid var(--c-tinta-2); outline-offset: 3px; border-radius: 4px; }

/* rows bleed to the right edge of the window (colecciona), first card on the column */
body.home .dcol-car__v {
	gap: var(--c-gap);
	margin-right: calc(-1 * var(--dcolc-g));
	padding: 0 var(--dcolc-g) 2px 0;
	scrollbar-width: none;
}
body.home .dcol-car__v::-webkit-scrollbar { display: none; }
body.home .dcol-car__v > li {
	width: calc((var(--dcolc-w) + var(--c-gap)) / 5 - var(--c-gap));
}
@media (max-width: 1199px) {
	body.home .dcol-car__v > li { width: calc((var(--dcolc-w) + var(--c-gap)) / 4 - var(--c-gap)); }
}
/* cards: no border, photo on a light panel, slow zoom on hover */
body.home .dcol-car .dcol-card {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	transform: none;
}
body.home .dcol-car .dcol-card:hover { border: 0; box-shadow: none; transform: none; }
body.home .dcol-car .dcol-card__img {
	display: grid;
	place-items: center;
	aspect-ratio: 6 / 5;
	margin: 0 0 max(14px, .97vw);
	padding: 9%;
	overflow: hidden;
	border-radius: max(8px, .56vw);
	background: var(--c-panel);
}
body.home .dcol-car .dcol-card__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;          /* the photo's white paper melts into the panel */
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	body.home .dcol-car .dcol-card:hover .dcol-card__img img { transform: scale(1.06); }
}
body.home .dcol-car .dcol-card__t {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 0 0 max(6px, .42vw);
	font-size: max(16px, 1.11vw);
	font-weight: 500;
	line-height: 1.36;
	color: var(--c-tinta-2);
}
body.home .dcol-car .dcol-card__p {
	margin-top: 0;
	font-size: max(16px, 1.11vw);
	font-weight: 600;
	color: var(--c-oro-texto);
}
body.home .dcol-car .dcol-card:focus-visible { outline: 3px solid var(--c-tinta-2); outline-offset: 4px; border-radius: 6px; }

/* carousel foot: thin progress line + round arrows (colecciona) */
body.home .dcolc-pie,
body.home .dcolp-vit__nav.dcolc-pie {
	display: flex;
	align-items: center;
	gap: max(10px, .7vw);
	margin-top: max(22px, 1.53vw);
}
body.home .dcolc-prog {
	position: relative;
	flex: 1 1 auto;
	height: 2px;
	margin-right: max(16px, 1.11vw);
	border-radius: 2px;
	background: var(--c-line);
	overflow: hidden;
}
body.home .dcolc-prog > span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30%;
	border-radius: 2px;
	background: var(--c-tinta-2);
}
body.home .dcolc-prog.is-full { visibility: hidden; }
body.home .dcolc-pie button.dcol-car__b {
	position: relative;
	display: block;
	flex: 0 0 auto;
	width: max(44px, 3.06vw);
	height: max(44px, 3.06vw);
	padding: 0;
	border: 1px solid #D6CFC1;
	border-radius: 50%;
	background: #fff;
	color: var(--c-tinta-2);
	font-size: 0;
}
body.home .dcolc-pie button.dcol-car__b::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: max(18px, 1.25vw);
	height: max(18px, 1.25vw);
	transform: translate(-50%, -50%);
	background: currentColor;
	-webkit-mask: var(--c-chev-mask) center / contain no-repeat;
	mask: var(--c-chev-mask) center / contain no-repeat;
}
body.home .dcolc-pie button.dcol-car__b[data-dir="-1"]::before { transform: translate(-50%, -50%) scaleX(-1); }
body.home .dcolc-pie button.dcol-car__b:hover { border-color: var(--c-oro); background: var(--c-oro); color: var(--c-tinta-2); }
body.home .dcolc-pie button.dcol-car__b:focus-visible { outline: 3px solid var(--c-tinta-2); outline-offset: 2px; }

/* vitrina: two tabs as pills */
body.home .dcolp-vit__tabs {
	gap: 10px;
	margin: 0 0 max(22px, 1.53vw);
	border: 0;
}
body.home .dcolp-vit__tabs .dcolp-vit__tab {
	min-height: max(44px, 3.06vw);
	padding: 0 max(22px, 1.53vw);
	border: 1px solid #D6CFC1;
	border-radius: 999px;
	background: #fff;
	color: var(--c-tinta);
	font-size: max(15px, 1.04vw);
	font-weight: 600;
}
body.home .dcolp-vit__tabs .dcolp-vit__tab[aria-selected="true"] {
	border-color: var(--c-tinta-2);
	background: var(--c-tinta-2);
	color: #fff;
}
body.home .dcolp-vit__tabs .dcolp-vit__tab:focus-visible { outline: 3px solid var(--c-tinta-2); outline-offset: 2px; }

/* ===================================================================== *
 * 4 · «PIEZAS DE EXHIBICIÓN»: full-bleed dark band, light cards
 *     (colecciona's «Apartados y Preventas»); the Mercado Libre seal at its foot
 * ===================================================================== */
body.home .entry-content > .dcolc-banda {
	max-width: none !important;
	width: 100%;
	margin: var(--c-sec) 0 0 !important;
	padding: max(60px, 4.17vw) 0 max(48px, 3.33vw);
	background: linear-gradient(180deg, var(--c-tinta) 0%, var(--c-tinta-2) 100%);
	color: #fff;
}
body.home .dcolc-banda__in { width: var(--dcolc-w); margin: 0 auto; }
body.home .dcolc-banda .dcol-car__t { color: #fff; }
body.home .dcolc-banda__sub {
	margin: .55em 0 0;
	font-size: max(16px, 1.11vw);
	line-height: 1.45;
	color: rgba(255, 255, 255, .74);
}
body.home .dcolc-banda a.dcol-car__all { color: var(--c-oro-claro); }
body.home .dcolc-banda a.dcol-car__all::after { background: rgba(217, 196, 140, .16) var(--c-chev-gold) center / 42% no-repeat; }
body.home .dcolc-banda a.dcol-car__all:hover { color: #fff; }
body.home .dcolc-banda a.dcol-car__all:hover::after { background: var(--c-oro) var(--c-chev-ink) center / 42% no-repeat; }
body.home .dcolc-banda a.dcol-car__all:focus-visible { outline-color: var(--c-oro-claro); }
/* light cards on the dark band */
body.home .dcolc-banda .dcol-card {
	height: 100%;
	padding: max(12px, .83vw) max(12px, .83vw) max(16px, 1.11vw);
	border-radius: max(10px, .69vw);
	background: #FBF9F5;
}
body.home .dcolc-banda .dcol-card__img { margin-bottom: max(10px, .69vw); padding: 6% 4%; background: transparent; }
body.home .dcolc-banda .dcol-card:focus-visible { outline-color: var(--c-oro-claro); }
body.home .dcolc-banda .dcolc-prog { background: rgba(255, 255, 255, .16); }
body.home .dcolc-banda .dcolc-prog > span { background: var(--c-oro-claro); }
body.home .dcolc-banda .dcolc-pie button.dcol-car__b {
	border-color: rgba(217, 196, 140, .55);
	background: transparent;
	color: var(--c-oro-claro);
}
body.home .dcolc-banda .dcolc-pie button.dcol-car__b:hover { background: var(--c-oro); border-color: var(--c-oro); color: var(--c-tinta-2); }
body.home .dcolc-banda .dcolc-pie button.dcol-car__b:focus-visible { outline-color: var(--c-oro-claro); }
/* Mercado Libre seal, as the band's last row */
body.home .dcolc-banda .dcol-ml {
	margin: max(44px, 3.06vw) 0 0;
	padding: max(30px, 2.08vw) 0 0;
	border: 0;
	border-top: 1px solid rgba(217, 196, 140, .26);
	border-radius: 0;
	background: none;
}
body.home .dcolc-banda .dcol-ml__in {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.5fr) auto;
	align-items: center;
	gap: 18px max(36px, 2.5vw);
	max-width: none;
}
body.home .dcolc-banda .dcol-ml__h { margin: 0; }
body.home .dcolc-banda .dcol-ml__b { font-size: max(13px, .9vw); color: var(--c-oro-claro); }
body.home .dcolc-banda .dcol-ml__t { font-size: max(16px, 1.11vw); color: rgba(255, 255, 255, .82); }
body.home .dcolc-banda .dcol-ml__m {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	border: 0;
}
body.home .dcolc-banda .dcol-ml__m b {
	font-size: max(26px, 1.81vw);
	font-weight: 700;
	color: var(--c-oro-claro);
}
body.home .dcolc-banda .dcol-ml__m span { font-size: max(14px, .97vw); color: rgba(255, 255, 255, .72); }
body.home .dcolc-banda a.dcol-ml__a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0;
	border: 0;
	font-size: max(15px, 1.04vw);
	color: var(--c-oro-claro);
	text-decoration: underline;
	text-decoration-color: rgba(217, 196, 140, .5);
	text-underline-offset: 5px;
	white-space: nowrap;
}

/* ===================================================================== *
 * 5 · THE REST OF THE LIVE PAGE, made coherent
 * ===================================================================== */
/* A–Z: the only horizontal filter stays; letters become 44 px targets */
body.home .dcolp-az__ayuda { margin: -6px 0 16px; font-size: max(15px, 1.04vw); color: #6B6459; }
body.home .dcolp-az .dcolp-az__letters { justify-content: space-between; padding: 8px 10px; border-radius: max(8px, .56vw); }
body.home .dcolp-az .az-letter {
	width: max(44px, 3.06vw);
	height: max(44px, 3.06vw);
	font-size: max(15px, 1.04vw);
	border-radius: 50%;
}
body.home .dcolp-az__top { gap: 10px; margin-top: 18px; }
body.home .dcolp-az__top .dcol-chip {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	border-color: #D6CFC1;
	border-radius: 999px;
}
/* price tiles: calm ivory panels with the round «›» */
body.home .dcolp-tiles:not(.dcolp-tiles--alto) .dcolp-tiles__g { gap: max(16px, 1.11vw); }
body.home .dcolp-tiles:not(.dcolp-tiles--alto) .dcolp-tile {
	position: relative;
	justify-content: center;
	min-height: max(104px, 7.22vw);
	padding: max(18px, 1.25vw) max(64px, 4.44vw) max(18px, 1.25vw) max(22px, 1.53vw);
	border: 0;
	border-radius: max(10px, .69vw);
	background: #F6F3EC;               /* --oro-texto on it: 4.63:1 */
}
body.home .dcolp-tiles:not(.dcolp-tiles--alto) .dcolp-tile::after {
	content: "";
	position: absolute;
	right: max(20px, 1.39vw);
	top: 50%;
	width: max(34px, 2.36vw);
	height: max(34px, 2.36vw);
	margin-top: calc(max(34px, 2.36vw) / -2);
	border-radius: 50%;
	background: #fff var(--c-chev-ink) center / 42% no-repeat;
	transition: background-color .2s ease;
}
body.home .dcolp-tiles:not(.dcolp-tiles--alto) .dcolp-tile:hover { box-shadow: 0 0 0 1px var(--c-oro) inset; }
body.home .dcolp-tiles:not(.dcolp-tiles--alto) .dcolp-tile:hover::after { background-color: var(--c-oro); }
body.home .dcolp-tile__t { font-size: max(19px, 1.32vw); color: var(--c-tinta-2); }
body.home .dcolp-tile__m { margin-top: 4px; font-size: max(15px, 1.04vw); color: var(--c-oro-texto); }
body.home .dcolp-tile:focus-visible { outline: 3px solid var(--c-tinta-2); outline-offset: 3px; }
/* supplies: same card language as the products */
body.home .dcolp-tiles--alto .dcolp-tiles__g { gap: var(--c-gap); }
body.home .dcolp-tiles--alto .dcolp-tile {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	overflow: visible;
}
body.home .dcolp-tiles--alto .dcolp-tile:hover { box-shadow: none; }
body.home .dcolp-tiles--alto .dcolp-tile__img {
	overflow: hidden;
	margin-bottom: max(14px, .97vw);
	border-radius: max(10px, .69vw);
	background: var(--c-panel);
}
body.home .dcolp-tiles--alto .dcolp-tile__img img {
	height: auto;
	aspect-ratio: 16 / 9;
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	body.home .dcolp-tiles--alto .dcolp-tile:hover .dcolp-tile__img img { transform: scale(1.06); }
}
body.home .dcolp-tiles--alto .dcolp-tile__t,
body.home .dcolp-tiles--alto .dcolp-tile__m { padding: 0; }
/* trust strip: one calm row, hairlines instead of boxes */
body.home .entry-content > .dcolp-conf {
	gap: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid var(--c-line);
	border-bottom: 1px solid var(--c-line);
	border-radius: 0;
	background: none;
}
body.home .dcolp-conf__i {
	padding: max(24px, 1.67vw) max(24px, 1.67vw) max(24px, 1.67vw) 0;
	background: none;
}
body.home .dcolp-conf__i + .dcolp-conf__i { padding-left: max(24px, 1.67vw); border-left: 1px solid var(--c-line); }
body.home .dcolp-conf__i:hover { background: none; }
body.home .dcolp-conf__i:hover strong { text-decoration: underline; text-underline-offset: 4px; }
/* one single-colour line icon per promise (drawn by CSS, no new markup) */
body.home .dcolp-conf__i {
	display: grid;
	grid-template-columns: max(30px, 2.08vw) minmax(0, 1fr);
	column-gap: max(14px, .97vw);
	align-items: start;
	align-content: start;
}
body.home .dcolp-conf__i::before {
	content: "";
	grid-row: 1 / span 2;
	width: max(30px, 2.08vw);
	height: max(30px, 2.08vw);
	background: var(--c-oro-texto);
	-webkit-mask: var(--c-ico) center / contain no-repeat;
	mask: var(--c-ico) center / contain no-repeat;
}
body.home .dcolp-conf__i:nth-child(1) { --c-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M2.5 9.5h19M6 15h4'/%3E%3C/svg%3E"); }
body.home .dcolp-conf__i:nth-child(2) { --c-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 4.5h13v11h-13zM14.5 8.5h4l3 3.5v3.5h-7z'/%3E%3Ccircle cx='5.5' cy='17.5' r='2'/%3E%3Ccircle cx='17.5' cy='17.5' r='2'/%3E%3C/svg%3E"); }
body.home .dcolp-conf__i:nth-child(3) { --c-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8a2 2 0 0 1 2-2h2.5l1.5-2h6l1.5 2H19a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='12' cy='13' r='3.6'/%3E%3C/svg%3E"); }
body.home .dcolp-conf__i:nth-child(4) { --c-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5a8.5 8.5 0 0 1-12.4 7.6L3.5 20.5l1.4-4.4A8.5 8.5 0 1 1 20.5 11.5z'/%3E%3C/svg%3E"); }
body.home .dcolp-conf__i strong { font-size: max(16px, 1.11vw); color: var(--c-tinta-2); }
body.home .dcolp-conf__i span { margin-top: 4px; font-size: max(15px, 1.04vw); color: var(--c-oro-texto); }
body.home .entry-content > .dcolp-tiles--alto { margin-bottom: var(--c-sec); }

/* ===================================================================== *
 * 6 · PHONES (≤ 640 px): taller banner, photo on top, text below
 * ===================================================================== */
@media (max-width: 640px) {
	body.home { --c-gap: 14px; --c-sec: 48px; }
	body.home .dcolh .dcolh__car { height: clamp(540px, 143.6vw, 600px); }   /* 390 × 560 */
	body.home .dcolh .dcolh__lamina {
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: 214px auto;
		row-gap: 18px;
		align-content: start;
		padding: 22px calc((100% - var(--dcolc-w)) / 2) 76px;
	}
	body.home .dcolh .dcolc-fondo::after {
		background: linear-gradient(180deg,
			rgba(43, 40, 37, .1) 0%,
			rgba(43, 40, 37, .18) 30%,
			rgba(43, 40, 37, .72) 46%,
			rgba(43, 40, 37, .84) 100%);
	}
	body.home .dcolh .dcolh__media { height: 214px; padding: 0 52px; }
	body.home .dcolh .dcolh__txt { align-self: start; }
	body.home .dcolh .dcolh__pais { margin-bottom: 8px; font-size: 13px; }
	body.home .dcolh .dcolh__t { -webkit-line-clamp: 2; margin-bottom: 10px; font-size: clamp(21px, 6vw, 25px); }
	body.home .dcolh .dcolh__precio { margin-bottom: 14px; font-size: clamp(24px, 6.8vw, 28px); }
	body.home .dcolh .dcolh__cta { gap: 4px 16px; }
	body.home .dcolh a.dcolh__btn { flex: 1 1 100%; min-height: 50px; font-size: 17px; }
	body.home .dcolh a.dcolh__mas { font-size: 16px; }
	/* dots + pause at the bottom right; the arrows at the photo's sides */
	body.home .dcolh .dcolh__car .dcolh__controles,
	body.home .dcolh .dcolh__car .dcolh__controles[hidden] { padding: 0 calc((100% - var(--dcolc-w)) / 2 - 6px) 14px; gap: 4px; }
	body.home .dcolh .dcolh__puntos { margin-right: 2px; }
	body.home .dcolh .dcolh__flechas {
		position: absolute;
		left: 6px;
		right: 6px;
		top: calc(22px + 107px - 22px);
		display: flex;
		justify-content: space-between;
		pointer-events: none;
	}
	body.home .dcolh .dcolh__flechas > button { pointer-events: auto; }
	/* search: one row, input + button */
	body.home .dcolh .dcolh__buscar { flex-wrap: nowrap; gap: 8px; margin-top: 16px; }
	body.home .dcolh .dcolh__buscar input[type="search"] { flex: 1 1 auto; min-width: 0; height: 52px; }
	body.home .dcolh .dcolh__buscar button[type="submit"] { flex: 0 0 auto; height: 52px; padding: 0 20px; }
	body.home .dcolh .dcolh__hint { margin-top: 10px; font-size: 15px; }
	/* tiles: a swipeable row, like colecciona on phones */
	body.home .entry-content > .dcolc-acc { margin-top: 26px; }
	body.home .dcolc-acc__g {
		display: flex;
		gap: 12px;
		margin-right: calc(-1 * var(--dcolc-g));
		padding-right: var(--dcolc-g);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
	body.home .dcolc-acc__g::-webkit-scrollbar { display: none; }
	body.home .dcolc-acc__g > li { flex: 0 0 40vw; scroll-snap-align: start; }
	body.home a.dcolc-acc__i { aspect-ratio: .84; padding: 16px; }
	body.home .dcolc-acc__t { max-width: 100%; font-size: 18px; }
	body.home .dcolc-acc__m { max-width: 100%; font-size: 15px; }
	body.home .dcolc-acc__go { left: 16px; bottom: 14px; }
	body.home .dcolc-acc__ph { width: 72%; height: 50%; right: -10%; bottom: -9%; }
	body.home .is-fan .dcolc-acc__ph { width: 58%; height: 48%; right: 4%; bottom: -6%; }
	/* headers: title, then «Ver todo ›» under it */
	body.home .dcol-car__h { flex-direction: column; align-items: flex-start; gap: 2px; margin-bottom: 14px; }
	body.home .dcol-car__nav { margin-left: 0; }
	body.home .dcol-car__t { font-size: 25px; }
	body.home .dcol-car__v > li { width: 40vw; }
	body.home .dcolc-pie button.dcol-car__b { display: none; }
	body.home .dcolc-prog { margin-right: 0; }
	body.home .dcolp-vit__tabs { display: flex !important; flex-wrap: nowrap; }
	body.home .dcolp-vit__tabs .dcolp-vit__tab,
	body.home .dcolp-vit__tabs .dcolp-vit__tab[aria-selected="true"] {
		flex: 1 1 0;
		width: auto !important;
		min-height: 46px !important;
		padding: 0 12px;
		font-size: 16px !important;
		border-radius: 999px !important;
	}
	body.home .dcolp-vit__tabs .dcolp-vit__tab { background: #fff !important; color: var(--c-tinta) !important; border: 1px solid #D6CFC1 !important; }
	body.home .dcolp-vit__tabs .dcolp-vit__tab[aria-selected="true"] { background: var(--c-tinta-2) !important; color: #fff !important; border-color: var(--c-tinta-2) !important; }
	body.home .entry-content > .dcolc-banda { padding: 44px 0 36px; }
	body.home .dcolc-banda .dcol-ml__in { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	body.home .dcolc-banda .dcol-ml__m { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
	body.home .dcolc-banda .dcol-ml__m b { font-size: 24px; }
	body.home .dcolp-az .dcolp-az__letters { justify-content: flex-start; }
	body.home .dcolp-tiles:not(.dcolp-tiles--alto) .dcolp-tile { min-height: 92px; padding: 16px; }
	body.home .dcolp-tiles:not(.dcolp-tiles--alto) .dcolp-tile::after { display: none; }
	body.home .dcolp-tile__t { font-size: 18px; }
	body.home .dcolp-conf__i { grid-template-columns: minmax(0, 1fr); padding: 18px 14px 18px 0; }
	body.home .dcolp-conf__i::before { grid-row: auto; width: 28px; height: 28px; margin-bottom: 10px; }
	body.home .dcolp-conf__i + .dcolp-conf__i { padding-left: 14px; }
	body.home .dcolp-conf__i:nth-child(3) { padding-left: 0; border-left: 0; }
	body.home .dcolp-conf__i:nth-child(n + 3) { border-top: 1px solid var(--c-line); }
}

@media (prefers-reduced-motion: reduce) {
	body.home .dcol-car .dcol-card__img img,
	body.home .dcolc-acc__ph,
	body.home .dcolp-tiles--alto .dcolp-tile__img img { transition: none; }
}


/* ===================================================================== *
 * 7 · ANIMACIÓN AL APARECER — la receta de colecciona.mx: cada tarjeta
 *     sube 15 px y aparece en .35 s, 50 ms después de la anterior; las
 *     fotos se asientan desde scale(1.03). La pone dcol-cartel.js (nada se
 *     esconde sin JS) y se apaga con «reducir movimiento».
 * ===================================================================== */
body.dcolc-anim [data-rv] {
	opacity: 0;
	transform: translateY(15px);
}
body.dcolc-anim [data-rv].is-in {
	opacity: 1;
	transform: none;
	transition: opacity .35s ease, transform .35s ease;
	transition-delay: calc(var(--rv-i, 0) * 50ms);
}
body.dcolc-anim [data-rv-img] img {
	transform: scale(1.03);
	transition: transform .7s cubic-bezier(.22, 1, .36, 1);
}
body.dcolc-anim [data-rv-img].is-in img { transform: none; }
@media (prefers-reduced-motion: reduce) {
	body.dcolc-anim [data-rv],
	body.dcolc-anim [data-rv-img] img {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* el JS reinicia la barra del punto activo cuando la vitrina vuelve a contar sus 6 s */
body.home .dcolh button.dcolh__punto.dcolc-reinicio::before { animation: none !important; }

/* la copia de 1200 px va en <picture> (solo pantallas ≥ 1025 px): sin caja propia, la foto sigue siendo la del cartel */
body.home .dcolh .dcolh__media picture.dcolc-pic { display: contents; }

/* un control que recibe el foco se ve aunque su sección no haya terminado de aparecer (foco visible) */
body.dcolc-anim [data-rv]:focus-within {
	opacity: 1;
	transform: none;
}

/* ===================================================================== *
 * 8 · AJUSTES DE LA REVISIÓN (operador, 19-oct)
 * ===================================================================== */
/* En tableta (641–799 px) y en laptops de 1280–1339 px la frase del acceso caía sobre el papel
   blanco de su billete (1.15:1). Con la foto un poco más chica, 6:1 en las 18 anchuras medidas. */
@media (min-width: 641px) and (max-width: 799px), (min-width: 1280px) and (max-width: 1339px) {
	body.home .dcolc-acc__ph { width: 60%; height: 56%; }
	body.home .is-fan .dcolc-acc__ph { width: 46%; height: 56%; }
}
/* Ventanas bajas (laptop de 1366 × 657, 1080p al 125 %): el cartel no pasa de lo que deja ver el
   buscador en la primera pantalla. A 1440 × 900 y con el zoom alejado no cambia nada. */
@media (min-width: 641px) {
	body.home .dcolh .dcolh__car { height: clamp(400px, 36.111vw, calc(100vh - 250px)); }
	body.home .dcolh .dcolh__lamina {
		padding-top: max(28px, min(3.06vw, 5.5vh));
		padding-bottom: max(76px, min(6.11vw, 11vh));
	}
}
@media (min-width: 641px) and (max-height: 760px) {
	body.home .dcolh .dcolh__t { -webkit-line-clamp: 2; }
}