/* MTG Canarias – Tienda: «Combina bien con…» en la ficha del producto. Misma paleta que el resto. */
.mct-combos { clear: both; display: grid; gap: 12px; margin: 20px 0; }
.mct-combos-tit { margin: 0 !important; font-size: 17px !important; font-weight: 700 !important; color: #151515 !important; }
.mct-combo { padding: 14px 16px; border: 1px solid #e3e3e6; border-radius: 14px; background: #fff; }
.mct-combo-nom { margin: 0 0 4px !important; font-weight: 700; color: #151515; }
.mct-combo-vent { display: inline-block; margin-left: 6px; padding: 1px 9px; border-radius: 999px; background: #e96400; color: #fff; font-size: 12px; font-weight: 700; vertical-align: 1px; }
.mct-combo-txt { margin: 0 0 8px !important; color: #6d6d72; font-size: 14px; }
.mct-combo-prods { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.mct-combo-mas { color: #9a9aa0; font-weight: 700; }
a.mct-combo-prod { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 4px 10px 4px 4px; border: 1px solid #ececef; border-radius: 10px; background: #fff; color: #151515 !important; font-size: 13px; font-weight: 600; text-decoration: none !important; }
a.mct-combo-prod.is-este { border-color: #151515; }
a.mct-combo-prod:hover { border-color: #e96400; }
.mct-combo-prod img, .mct-combo-prod i { flex: none; width: 40px !important; height: 40px !important; border-radius: 6px; object-fit: cover; background: #f5f5f7; }
.mct-combo-prod span { min-width: 0; overflow-wrap: anywhere; }
.mct-combo-pie { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; }
.mct-combo-precio del { color: #9a9aa0; }
.mct-combo-precio strong { font-size: 17px; color: #151515; }
.mct-combo-precio small { color: #2e7d32; font-weight: 700; }
.mct-combo-pie form { margin: 0 0 0 auto !important; }
.mct-combo-btn { border-radius: 10px !important; }
.mct-combo-nivel { flex-basis: 100%; color: #6d6d72; font-size: 13px; }
.mct-combo-agotado { margin-left: auto; color: #c62828; font-weight: 600; font-size: 13px; }
@media (max-width: 600px) { .mct-combo-pie form { margin-left: 0 !important; width: 100%; } .mct-combo-btn { width: 100%; } }

/* Reservas (ficha y Mi cuenta) y saldo de tienda */
.mct-res { clear: both; margin: 16px 0; padding: 14px 16px; border: 1px solid #e3e3e6; border-left: 4px solid #e96400; border-radius: 12px; background: #fff; }
.mct-res-tit { margin: 0 0 6px !important; font-weight: 700; color: #151515; }
.mct-res-lista { margin: 0 !important; padding-left: 18px !important; color: #45454a; font-size: 14px; }
.mct-res-lista li { margin: 2px 0; }
.mct-res-nivel, .mct-res-mia, .mct-res-nota { margin: 10px 0 0 !important; font-size: 14px; }
.mct-res-mia { padding: 8px 10px; border-radius: 8px; background: #fff1e6; }
.mct-res-nota { color: #6d6d72; }
.mct-tabla-wrap { overflow-x: auto; margin-top: 10px; border: 1px solid #ececef; border-radius: 12px; }
.mct-tabla { width: 100%; margin: 0 !important; border-collapse: collapse; font-size: 14px; }
.mct-tabla th { padding: 9px 12px; background: #f5f5f7; color: #6d6d72; font-size: 12px; font-weight: 700; text-align: left; text-transform: uppercase; letter-spacing: .03em; }
.mct-tabla td { padding: 9px 12px; border-top: 1px solid #ececef; white-space: nowrap; }
.mct-tabla tr.is-tu td { background: #fff1e6; }
.mct-tabla tr.is-fuera td { color: #9a9aa0; }
.mct-tabla .is-menos { color: #c62828; font-weight: 700; }
.mct-tabla .is-mas { color: #2e7d32; font-weight: 700; }
.mct-tu { display: inline-block; padding: 1px 9px; border-radius: 999px; background: #e96400; color: #fff; font-size: 12px; font-weight: 700; }
.mct-mascara { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; color: #6d6d72; }
.mct-mascara b { color: #151515; }
.mct-oculto { color: #9a9aa0; }
.mct-vacio { color: #6d6d72; }
.mct-misres { display: grid; gap: 12px; }
.mct-mires { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding: 12px; border: 1px solid #ececef; border-radius: 14px; background: #fff; }
.mct-mires img, .mct-mires > i { width: 64px; height: 64px; border-radius: 8px; object-fit: cover; background: #f5f5f7; }
.mct-mires-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mct-mires-nom { color: #151515 !important; font-weight: 700; text-decoration: none !important; }
.mct-mires-body small { color: #6d6d72; }
.mct-mires-est { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: #e7f0fa; color: #1d4f86; font-size: 12px; font-weight: 700; }
.mct-mires.is-asignada .mct-mires-est, .mct-mires.is-enviada .mct-mires-est, .mct-mires.is-entregada .mct-mires-est, .mct-mires.is-recibida .mct-mires-est { background: #e8f5e9; color: #2e7d32; }
.mct-mires.is-fuera .mct-mires-est, .mct-mires.is-cancelada .mct-mires-est { background: #ececef; color: #6d6d72; }
.mct-mires-decide { margin-top: 6px; padding: 10px; border-radius: 10px; background: #fff1e6; }
.mct-mires-decide p { margin: 0 0 8px !important; }
.mct-mires-decide form { margin: 0 6px 6px 0 !important; }
.mct-btn { border-radius: 10px !important; }
.mct-btn.is-pri { background: #e96400 !important; border-color: #e96400 !important; color: #fff !important; }
.mct-mires-nota { margin: 4px 0 0 !important; color: #6d6d72; font-size: 13px; }
.mct-saldo-total { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 18px 20px; border-radius: 14px; background: #151515; color: #fff; }
.mct-saldo-total b { font-size: 36px; line-height: 1; }
.mct-saldo-total b * { color: #fff !important; }
.mct-saldo-pref { margin: 14px 0 !important; }
.mct-saldo-pref label { font-weight: 600; }
.mct-saldo-pref p { margin: 4px 0 0 !important; color: #6d6d72; font-size: 13px; }

/* 1.3.0 · Requisitos para reservar y estado del proveedor */
.mct-res-falta { margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; background: #f5f5f7; font-size: 14px; }
.mct-res-falta p { margin: 0 0 6px !important; }
.mct-res-falta p:last-child { margin-bottom: 0 !important; }
.mct-fases { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(56px, 1fr)); overflow-x: auto; gap: 6px; margin: 2px 0 0 !important; padding: 14px 14px 4px !important; /* Sitio para el latido verde (el desplazamiento lateral recorta lo que sobresale). */ list-style: none !important; counter-reset: fase; }
.mct-fases li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0 !important; color: #9a9aa0; font-size: 12px; font-weight: 600; line-height: 1.25; text-align: center; }
.mct-fases li span { position: relative; z-index: 1; width: 14px; height: 14px; border: 2px solid #d6d6db; border-radius: 50%; background: #fff; }
.mct-fases li:not(:first-child)::before { content: ""; position: absolute; top: 6px; right: 50%; width: 100%; height: 2px; background: #d6d6db; }
.mct-fases li.is-hecho, .mct-fases li.is-ahora { color: #151515; }
.mct-fases li.is-hecho span { border-color: #2e7d32; background: #2e7d32; }
.mct-fases li.is-hecho::before, .mct-fases li.is-ahora::before { background: #2e7d32 !important; }
.mct-fases li.is-ahora span { border-color: #e96400; background: #e96400; box-shadow: 0 0 0 4px #ffe3cc; }
.mct-tramos { display: none; }
/* Móvil: la línea de tiempo por tramos y en vertical (no cabe en una línea). */
@media (max-width: 640px) {
	.mct-fases { display: none !important; }
	.mct-tramos { display: grid; gap: 10px; margin: 14px 0 0; }
	.mct-tramo { padding: 10px 12px 4px; border: 1px solid #ececf0; border-radius: 12px; background: #fafafb; }
	.mct-tramo.is-ahora { border-color: #ffd2ad; background: #fff8f2; }
	.mct-tramo-t { margin: 0 0 8px !important; color: #8a8a90; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
	.mct-tramo.is-ahora .mct-tramo-t { color: #e96400; }
	.mct-tramo.is-hecho .mct-tramo-t { color: #2e7d32; }
	.mct-tramo ol { margin: 0 !important; padding: 0 !important; list-style: none !important; }
	.mct-tramo li { position: relative; display: grid; grid-template-columns: 16px 1fr auto; align-items: center; gap: 10px; margin: 0 !important; padding: 0 0 12px; color: #9a9aa0; font-size: 14px; font-weight: 600; line-height: 1.3; }
	.mct-tramo li span { position: relative; z-index: 1; width: 14px; height: 14px; border: 2px solid #d6d6db; border-radius: 50%; background: #fff; }
	.mct-tramo li:not(:last-child)::after { content: ""; position: absolute; left: 7px; top: 16px; bottom: 0; width: 2px; background: #e2e2e6; }
	.mct-tramo li small { color: #8a8a90; font-size: 12.5px; font-weight: 500; white-space: nowrap; }
	.mct-tramo li.is-hecho, .mct-tramo li.is-ahora { color: #151515; }
	.mct-tramo li.is-hecho span { border-color: #2e7d32; background: #2e7d32; }
	.mct-tramo li.is-hecho:not(:last-child)::after { background: #2e7d32; }
	.mct-tramo li.is-ahora span { border-color: #e96400; background: #e96400; box-shadow: 0 0 0 4px #ffe3cc; }
	.mct-tramo li.is-hecho small, .mct-tramo li.is-ahora small { color: #45454a; }
}
.mct-fases-cancel { margin: 10px 0 0 !important; padding: 8px 10px; border-radius: 8px; background: #fdecec; color: #c62828; font-weight: 700; }
.mct-mires-fase { color: #45454a !important; }
.mct-fase-corta { font-weight: 600; }
@media (max-width: 480px) { .mct-fases li { font-size: 11px; } }

/* Próximas llegadas ([mtg_proximas_llegadas]) */
.mct-lleg-h { margin: 18px 0 10px !important; font-size: 18px !important; }
.mct-lleg { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.mct-lleg-p { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid #ececef; border-radius: 12px; background: #fff; color: #151515 !important; text-decoration: none !important; }
.mct-lleg-p:hover { border-color: #e96400; }
.mct-lleg-p img, .mct-lleg-p > i { width: 100%; aspect-ratio: 1; border-radius: 8px; object-fit: contain; background: #f5f5f7; }
.mct-lleg-est { position: absolute; top: 16px; left: 16px; padding: 2px 9px; border-radius: 999px; background: #151515; color: #fff; font-size: 11px; font-weight: 800; }
.mct-lleg-est.is-tienda { background: #2e7d32; }
.mct-lleg-est.is-camino { background: #e96400; }
.mct-lleg-est.is-reserva { background: #7b3fc4; }
.mct-lleg-n { font-size: 14px; font-weight: 700; line-height: 1.3; }
.mct-lleg-p small { color: #6d6d72; font-size: 12px; }

/* 1.3.0 · Catálogo [mtg_tienda]: usa el aspecto de [cartas-sueltas] (bcs.css) con producto sellado */
@media (min-width: 1025px) { .mct-tienda .bcs-grid { grid-template-columns: repeat(var(--mct-cols, 4), minmax(0, 1fr)); } }
.mct-tienda .bcs-side { position: static; }
.mct-tienda img.bcs-img { aspect-ratio: 1 / 1; object-fit: contain; border-radius: 8px !important; background: #fff; box-shadow: none; }
.mct-tienda .bcs-media { padding: 6px; border-radius: 10px; background: #fff; }
/* Aspecto según el estado (Tienda → Catálogo → opacidades), con su pestaña marcada. Sin ninguna marcada
 * (viéndolos todos), todas a color normal. */
.mct-tienda .bcs-card.is-out img.bcs-img { filter: grayscale(.5); opacity: var(--mct-op-out, .75); }
.mct-tienda .bcs-card.is-llega img.bcs-img { filter: grayscale(.2); opacity: var(--mct-op-llega, .82); }
.mct-tienda .bcs-card.is-res img.bcs-img { filter: none; opacity: var(--mct-op-res, .88); }
.mct-tienda.is-todo .bcs-card img.bcs-img { filter: none; opacity: 1; }
.mct-tienda .bcs-card a.bcs-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mct-tienda p.bcs-stock.is-res { color: #7b3fc4 !important; }
.mct-tienda .bcs-qty-row .bcs-btn { flex: 1; height: 34px !important; padding: 0 12px !important; font-size: 13px !important; }
.mct-tienda .mct-ver { height: 36px !important; font-size: 13px !important; }
.mct-tbs { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.mct-tb { padding: 2px 9px; border-radius: 999px; background: #151515; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
.mct-tb.is-reserva { background: #7b3fc4; }
.mct-tb.is-llega { background: #e96400; }
.mct-tb.is-oferta { background: #c62828; }
.mct-tienda.is-loading .mct-t-grid { opacity: .45; pointer-events: none; transition: opacity .15s; }
.mct-tienda .bcs-dd-opt[hidden] { display: none !important; }
@media (max-width: 767px) {
	.mct-tienda .bcs-qty-row { flex-direction: column; align-items: stretch; gap: 6px; }
	.mct-tienda .bcs-qty-row .bcs-stepper { align-self: center; }
	.mct-tienda .bcs-qty-row .bcs-btn { flex: none; width: 100% !important; }
}

/* 1.4.1 · Altura mínima (Tienda → Catálogo) y desplegables siempre por encima del pie */
.mct-tienda { min-height: var(--mct-minh, 750px); align-content: start; }
.mct-tienda .bcs-dd.is-open { z-index: 1000; }
.mct-tienda .bcs-dd-pop { z-index: 1000; }

/* 1.5.0 · Ficha de producto [mtg_ficha_producto] (mismo aspecto que el catálogo) */
.bcs-app.mct-ficha { display: block; }
.mct-f-main img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }
.mct-f-main { position: relative; border-radius: 12px; overflow: hidden; background: #fff; }
.mct-f-main .mct-tbs { top: 12px; left: 12px; }
.mct-f-ths { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.bcs-app .mct-f-th { width: 68px !important; height: 68px !important; padding: 4px !important; border: 1px solid var(--bcs-line) !important; border-radius: 10px !important; background: #fff !important; cursor: pointer; }
.bcs-app .mct-f-th.is-on { border-color: var(--bcs-ink) !important; }
.mct-f-th img { width: 100%; height: 100%; object-fit: contain; }
.mct-f-info { display: flex; flex-direction: column; gap: 10px; }
.bcs-app .mct-f-precio, .bcs-app .mct-f-precio * { font-size: 24px !important; }
.mct-f-precio del, .mct-f-precio del * { color: #9a9aa0 !important; font-size: 17px !important; font-weight: 600 !important; }
.mct-f-corta { color: #45454a; }
.mct-f-corta p { margin: 0 0 8px !important; }
.mct-f-compra { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px; border: 1px solid var(--bcs-line); border-radius: var(--bcs-radius); background: #fafafb; }
.mct-f-compra .bcs-stepper { height: 42px; }
.bcs-app .mct-f-compra .bcs-stepper button { height: 40px !important; width: 38px !important; }
.mct-f-compra .bcs-btn { flex: 1; min-width: 180px; }
.mct-f-compra.is-wc { display: block; }
.mct-f-excl { padding: 12px 14px; border: 1px solid #e3d6f5; border-radius: 12px; background: #f7f1ff; font-size: 14px; }
.mct-f-excl p { margin: 0 !important; }
.mct-f-excl-t { display: flex; align-items: center; gap: 6px; margin-bottom: 6px !important; font-weight: 800; color: #4b2a7a; }
.mct-f-excl-ok { margin: 0 !important; font-size: 14px; font-weight: 600; }
.mct-tb.is-excl { background: linear-gradient(90deg, #7b3fc4, #4fb3ff); }
.mct-tb.is-demanda { background: linear-gradient(90deg, #e8641b, #c62828); }
.mct-tb.is-demanda::before { content: "🔥 "; }
/* Ficha: «Exclusivo para …» y «Alta demanda», junto al precio. */
.mct-f-chip { display: flex; align-items: flex-start; gap: 10px; margin: 10px 0 0; padding: 10px 14px; border-radius: 12px; font-size: 14px; line-height: 1.45; }
.mct-f-chip-i { display: inline-flex; flex: none; gap: 2px; align-items: center; min-height: 20px; font-size: 18px; line-height: 1; }
.mct-f-chip.is-excl { border: 1px solid #d9c8f3; background: linear-gradient(90deg, #f6f0ff, #eef7ff); color: #3b2370; }
.mct-f-chip.is-demanda { border: 1px solid #f6c9a9; background: #fff6ef; color: #7a2e0b; }
.mct-f-chip-ok { color: #2e7d32; white-space: nowrap; }
.mct-f-desc { color: #2b2b2f; line-height: 1.6; }
.mct-ficha .bcs-card img.bcs-img { aspect-ratio: 1 / 1; object-fit: contain; border-radius: 8px !important; background: #fff; box-shadow: none; }
.mct-ficha .bcs-qty-row .bcs-btn { flex: 1; height: 34px !important; padding: 0 12px !important; font-size: 13px !important; }
.mct-ficha .mct-res, .mct-ficha .mct-combos, .mct-ficha .mcm-producto-mazos { margin: 0 !important; }
@media (max-width: 767px) {
	.mct-ficha .bcs-qty-row { flex-direction: column; align-items: stretch; gap: 6px; }
	.mct-ficha .bcs-qty-row .bcs-stepper { align-self: center; }
	.mct-ficha .bcs-qty-row .bcs-btn { flex: none; width: 100% !important; }
}
.bcs-app .mct-f-precio ins, .bcs-app .mct-tcard .bcs-price ins { text-decoration: none !important; }
.bcs-app.mct-ficha .mct-combo-btn { display: inline-flex !important; align-items: center; height: 38px !important; padding: 0 16px !important; border: 0 !important; border-radius: 10px !important; background: var(--bcs-ink) !important; color: #fff !important; font-size: 13px !important; font-weight: 700 !important; cursor: pointer; }
.bcs-app.mct-ficha .mct-combo-btn:hover { background: #000 !important; }

/* 1.5.1 · Migas de pan de la ficha (mismo aspecto que en la ficha de cartas) */
.mct-migas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 24px 0 16px; font-size: 14px; color: #6d6d72; }
.bcs-app .mct-migas a { color: #6d6d72 !important; text-decoration: none !important; }
.bcs-app .mct-migas a:hover { color: #e96400 !important; }
.mct-migas-sep { color: #c7c7cc; }
.mct-migas [aria-current] { color: #151515; }

/* Inventario en la ficha (solo administradores) */
.mct-inv { margin: 14px 0; padding: 12px 14px; border: 1px dashed #b9b9c3; border-radius: var(--bcs-radius); background: #f6f7fb; font-size: 14px; }
.mct-inv.is-loading { opacity: .6; pointer-events: none; }
.mct-inv-t { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.mct-inv-t small { color: #777; }
.mct-inv-t a { margin-left: auto; font-size: 13px; }
.mct-inv-g { display: grid; grid-template-columns: 1.3fr 1fr 1fr .8fr; gap: 10px; }
.mct-inv-g label { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.mct-inv-g label > span:first-child { font-size: 12px; color: #666; }
.mct-inv-g input[type="text"], .mct-inv-g input.mct-inv-ofuds { height: 38px; padding: 0 10px; border: 1px solid var(--bcs-line); border-radius: 8px; background: #fff; width: 100%; box-sizing: border-box; }
.mct-inv .bcs-stepper { height: 38px; width: 100%; }
.mct-inv .bcs-stepper input { flex: 1; min-width: 0; border: 0 !important; background: transparent; text-align: center; box-shadow: none; }
.mct-inv-ck { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; }
.mct-inv-ck label { display: inline-flex; align-items: center; gap: 6px; margin: 0; cursor: pointer; }
.mct-inv-ck small { color: #777; }
.mct-inv-n { margin: 0; color: #666; }
.mct-inv-msg { margin: 8px 0 0; min-height: 1em; font-size: 13px; color: #1a7f37; }
.mct-inv-msg.is-ko { color: #b42318; }
@media (max-width: 600px) { .mct-inv-g { grid-template-columns: 1fr 1fr; } .mct-inv-g label:first-child { grid-column: 1 / -1; } }

.mct-inv-alm { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: #fff; border: 1px solid var(--bcs-line); }
.mct-inv-alm-acc { display: inline-flex; gap: 6px; align-items: center; }
.mct-inv-alm-q { width: 64px; height: 34px; padding: 0 6px; border: 1px solid var(--bcs-line); border-radius: 8px; text-align: center; }
.bcs-app .mct-inv-alm .bcs-btn { height: 34px; padding: 0 12px; font-size: 13px; }
.mct-f-oferta-uds { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: #b42318; }
.mct-f-carta { margin: 0 0 10px; padding: 8px 12px; border-radius: 8px; background: #f3f0ff; border: 1px solid #ddd3ff; font-size: 14px; }
.mct-f-carta a { font-weight: 700; }

/* Próximamente: agotado pero pedido o en camino */
.bcs-app p.bcs-stock.is-llega { color: #1d6fb8 !important; }

/* Móvil: la barra de orden sin salirse del ancho (las pestañas se deslizan: más abajo). */
.mct-tienda .bcs-tab[data-tab="llega"].is-active .bcs-count { background: #e6f0fa; color: #1d6fb8; }
@media (max-width: 767px) {
	.mct-tienda .bcs-toolbar, .mct-tienda .bcs-toolbar-left { min-width: 0; max-width: 100%; }
	.mct-tienda .bcs-toolbar-left { width: 100%; }
	.mct-tienda .bcs-sort { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; box-sizing: border-box; }
	.mct-tienda .bcs-sort-select { flex: 1; min-width: 0; width: auto !important; max-width: 100%; }
	.mct-tienda .bcs-dd, .mct-tienda .bcs-dd-btn { min-width: 0; max-width: 100%; box-sizing: border-box; }
	.mct-tienda .bcs-dd-pop { max-width: calc(100vw - 32px); }
}

/* Reservas con señal (1.12) */
.mct-res-precios { list-style: none; margin: 10px 0 0 !important; padding: 0 !important; border: 1px solid #ececef; border-radius: 10px; overflow: hidden; font-size: 14px; }
.mct-res-precios li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0 !important; padding: 8px 12px; border-top: 1px solid #ececef; }
.mct-res-precios li:first-child { border-top: 0; }
.mct-res-precios li span { color: #45454a; }
.mct-res-precios li b { color: #151515; }
.mct-res-precios li b del { color: #9a9aa0; font-weight: 400; }
.mct-res-precios li b em { margin-left: 4px; padding: 1px 6px; border-radius: 999px; background: #e96400; color: #fff; font-size: 11px; font-style: normal; }
.mct-res-precios li.is-nota { display: block; background: #fff1e6; color: #8a3b00; font-size: 13px; font-weight: 600; }
.mct-res-como { margin: 10px 0 0 !important; font-size: 14px; }
.mct-res-como a { color: #e96400; font-weight: 700; text-decoration: underline; }
.mct-modal { width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 0; border: 0; border-radius: 14px; box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.mct-modal::backdrop { background: rgba(10,10,12,.55); }
.mct-modal-in { position: relative; padding: 20px 20px 18px; }
.mct-modal h3 { margin: 0 32px 10px 0 !important; font-size: 18px; }
.mct-modal .mct-res-lista li { margin: 6px 0; }
.mct-modal .mct-tabla { margin-top: 14px !important; }
.mct-modal form { margin: 0; }
.mct-modal-x { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #f5f5f7 !important; color: #151515 !important; font-size: 22px; line-height: 1; cursor: pointer; }
.mct-cola-tit { margin: 14px 0 0 !important; font-weight: 700; color: #151515; }
.mct-cola-tit small { margin-left: 4px; padding: 0 7px; border-radius: 999px; background: #f5f5f7; color: #6d6d72; font-size: 12px; }
.mct-mires-decide.is-pagar { background: #e8f5e9; }
@media (max-width: 600px) {
	.mct-res-precios li { flex-direction: column; }
}
.mct-res-cola-bt { margin: 10px 0 0 !important; }
.mct-modal.is-cola { width: min(760px, calc(100vw - 32px)); }
.mct-cola .mct-tu { display: inline-block; margin-left: 4px; padding: 0 6px; border-radius: 999px; background: #e96400; color: #fff; font-size: 11px; font-weight: 700; }

/* Fases de reserva y pestañas del catálogo (1.14) */
.mct-tienda .bcs-tab[data-tip] { position: relative; }
@media (hover: hover) and (min-width: 768px) {
	.mct-tienda .bcs-tab[data-tip]:hover::after { content: attr(data-tip); position: absolute; top: calc(100% + 8px); left: 50%; z-index: 30; width: max-content; max-width: 260px; padding: 8px 10px; border-radius: 8px; background: #151515; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.35; text-align: left; white-space: normal; transform: translateX(-50%); pointer-events: none; box-shadow: 0 6px 20px rgba(0,0,0,.18); }
}
@media (max-width: 767px) {
	.mct-tienda .bcs-tabs { display: flex; flex-wrap: nowrap; width: 100%; box-sizing: border-box; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.mct-tienda .bcs-tabs::-webkit-scrollbar { display: none; }
	.mct-tienda .bcs-tab { flex: none; white-space: nowrap; }
}
.mct-tienda .bcs-tab[data-tab="res"].is-active .bcs-count { background: #fff1e6; color: #b34d00; }
.mct-fases li small { display: block; margin-top: -2px; color: #8a8a90; font-size: 11px; font-weight: 500; white-space: nowrap; }
.mct-fases li.is-hecho small, .mct-fases li.is-ahora small { color: #45454a; }

/* Reservar · Reserva parcial · Reserva gratuita: en línea en escritorio, uno debajo de otro en móvil (1.17) */
.mct-f-compra .mct-res-bts { display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: 8px; }
.mct-f-compra .mct-res-bts .bcs-btn { flex: 1 1 0; min-width: 150px; }
.mct-f-compra .mct-res-bts .mct-res-alt { background: #fff !important; border: 1px solid #e96400 !important; color: #e96400 !important; }
form.cart .mct-res-alt { margin: 8px 8px 0 0; }
.mct-res-opciones { margin: 8px 0 0; }
.mct-res-opciones-t { margin: 0 0 6px !important; font-size: 13px; font-weight: 700; color: #45454a; }
.mct-res-bts { display: flex; flex-wrap: wrap; gap: 8px; }
.mct-res-bts form { margin: 0 !important; flex: 1 1 0; min-width: 150px; }
.mct-res-bts form .button { width: 100%; }
@media (max-width: 600px) {
	.mct-f-compra .mct-res-bts, .mct-res-bts { flex-direction: column; }
	.mct-f-compra .mct-res-bts .bcs-btn, .mct-res-bts form { flex: none; width: 100%; min-width: 0; }
	form.cart .single_add_to_cart_button, form.cart .mct-res-alt { display: block; width: 100%; margin: 8px 0 0 !important; }
}

/* «Tu reserva» (una por persona y producto) · 1.18 */
.mct-mia { flex: 1 1 100%; }
.mct-f-compra.is-mia { display: block; }
.mct-mia-t { margin: 0 0 4px !important; font-size: 15px; color: #151515; }
.mct-mia-links { margin: 0 0 10px !important; font-size: 14px; }
.mct-mia-links a, .mct-listado { color: #e96400; font-weight: 600; }
.mct-mia-f { margin: 0 !important; }
.mct-res-bts > form, .mct-res-bts > button { flex: 1 1 0; min-width: 150px; }
.mct-mia-bt { display: block; width: 100%; min-height: 44px; padding: 10px 14px !important; border: 1px solid #e96400 !important; border-radius: 10px !important; background: #fff !important; color: #e96400 !important; font-size: 14px; font-weight: 700; line-height: 1.2; cursor: pointer; }
.mct-mia-bt.is-pri { border-color: #151515 !important; background: #151515 !important; color: #fff !important; }
.mct-mia-bt.is-link { width: auto; min-height: 0; padding: 4px 0 !important; border: 0 !important; background: none !important; color: #c62828 !important; font-weight: 600; text-decoration: underline; }
.mct-mia-mod { margin-top: 10px; padding: 10px 12px; border-radius: 10px; background: #f5f5f7; }
.mct-mia-qty { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 6px !important; }
.mct-mia-qty label { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; }
.mct-mia-qty input[type=number] { width: 80px; min-height: 40px; padding: 6px 10px; border: 1px solid #d6d6db; border-radius: 8px; }
.mct-mia-qty .mct-mia-bt { width: auto; min-height: 40px; }
.mct-mia-det { margin-top: 8px; }
.mct-mia-det summary { cursor: pointer; color: #e96400; font-weight: 600; }
@media (max-width: 600px) {
	.mct-res-bts > form, .mct-res-bts > button { flex: none; width: 100%; min-width: 0; }
}
.mct-res-bts { align-items: stretch; }
.mct-res-bts > form { display: flex; }
.mct-res-bts > form > .mct-mia-bt { height: 100%; }
.mct-res-bts > .mct-mia-bt { height: auto; align-self: stretch; }
.mct-res-precios li b small { margin: 0 2px; color: #8a8a90; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; }
.mct-res-precios li span em { margin-left: 4px; padding: 1px 8px; white-space: nowrap; border-radius: 999px; background: #e96400; color: #fff; font-size: 11px; font-style: normal; font-weight: 700; }
.mct-res-precios .mct-par { white-space: nowrap; }
.mct-f-compra .mct-res-bts .bcs-btn { height: auto !important; min-height: 44px; padding: 8px 14px !important; white-space: normal; line-height: 1.25; }


/* 1.22.0 · Ficha de producto con la misma maqueta que la ficha de carta (mtg-canarias-ficha) */
.mct-f-cont { width: 100%; max-width: 1820px; margin: 0 auto; padding: 0 48px; }
@media (max-width: 1024px) { .mct-f-cont { padding: 0 24px; } }
@media (max-width: 600px) { .mct-f-cont { padding: 0 16px; } }
.mct-ficha .mct-migas { margin: 24px 0 8px; }
.mct-migas-tema .mtc-migas { margin: 24px 0 8px; }

/* Rejilla: imagen | venta y reservas | pestañas (tablet: la derecha baja bajo el centro; móvil: una columna). */
.mct-f-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; margin: 24px 0 8px; align-items: start; }
.mct-f-gal { width: 100%; max-width: 360px; margin: 0 auto; }
.mct-f-info, .mct-f-der { min-width: 0; }
@media (min-width: 768px) {
	.mct-f-top { grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: 36px; }
	.mct-f-gal { position: sticky; top: 24px; grid-row: span 2; max-width: none; }
	.mct-f-der { grid-column: 2; }
}
@media (min-width: 1280px) {
	.mct-f-top { grid-template-columns: minmax(280px, 350px) minmax(0, 1.9fr) minmax(260px, 1fr); gap: 48px; }
	.mct-f-gal { grid-row: auto; }
	.mct-f-der { grid-column: auto; }
}

/* Título y ruta de categorías (arriba del centro) */
.mct-f-info { container-type: inline-size; }
.mct-f-cab { margin: 0 0 2px; }
.bcs-app h1.mct-f-tit { margin: 0 0 6px !important; padding: 0 !important; color: var(--bcs-ink) !important; font-size: 26px !important; font-weight: 700 !important; line-height: 1.25 !important; }
.mct-f-ruta { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font-size: 15px; color: #6d6d72; }
.bcs-app .mct-f-ruta a { color: #6d6d72 !important; text-decoration: none !important; }
.bcs-app .mct-f-ruta a:hover { color: #e96400 !important; }
.mct-f-ruta-sep { color: #c7c7cc; }

/* Títulos de sección subrayados, como «Texto de la carta» / «Ofertas» */
.bcs-app .mct-f-h2 { margin: 0 0 14px !important; padding: 0 !important; color: var(--bcs-ink) !important; font-size: 24px !important; font-weight: 600 !important; line-height: 1.25 !important; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.mct-f-info .mct-f-sec { margin-top: 18px; }
.mct-f-desc img { max-width: 100%; height: auto; }
.mct-f-desc p { margin: 0 0 10px !important; }

/* Comprar / reservar: cantidad y botones en la misma línea si caben */
@container (min-width: 480px) {
	.mct-f-compra.has-alt { flex-wrap: nowrap; align-items: stretch; }
	.mct-f-compra.has-alt .bcs-stepper { flex: none; align-self: center; }
	.mct-f-compra.has-alt .mct-res-bts { flex: 1 1 auto; flex-wrap: nowrap; min-width: 0; }
	.mct-f-compra.has-alt .mct-res-bts .bcs-btn { flex: 1 1 0; min-width: 0; }
}

/* Pestañas (mismo aspecto que Reglamento · Oracle · Atributos) */
.mct-f-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.bcs-app button.mct-f-tab { display: inline-flex !important; align-items: center; height: 38px !important; padding: 0 16px !important; border: 1px solid #e3e3e6 !important; border-radius: 999px !important; background: #fff !important; color: #45454a !important; font-size: 14px !important; font-weight: 600 !important; box-shadow: none !important; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.bcs-app button.mct-f-tab:hover { border-color: #cfcfd4 !important; color: #151515 !important; }
.bcs-app button.mct-f-tab.is-on { background: #151515 !important; border-color: #151515 !important; color: #fff !important; }
.mct-f-panel[hidden] { display: none !important; }
.mct-f-attrs { border-top: 1px solid #ececef; }
.mct-f-attr { display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid #ececef; font-size: 14px; }
.mct-f-attr span { color: #6d6d72; font-weight: 600; }
.mct-f-attr b { font-weight: 400; color: var(--bcs-ink); word-break: break-word; }
.bcs-app .mct-f-vacio { margin: 0 !important; color: #6d6d72; font-style: italic; }

/* Productos similares (como «Cartas similares»: título grande con contador y carrusel; 2 a la vista en móvil, 6 en escritorio) */
.mct-f-similares, .mct-f-similares.mcf-seccion { --mcf-gap: 12px; margin: 40px 0 56px; }
.mct-f-similares .mcf-seccion-cab { margin-bottom: 0; }
.bcs-app .mct-f-similares .mct-f-h2 { margin-bottom: 0 !important; font-size: 28px !important; text-decoration: none; }
.mct-f-rel.mcf-pista > .bcs-card { height: auto; margin: 0; }
@media (min-width: 768px) { .mct-f-similares, .mct-f-similares.mcf-seccion { --mcf-gap: 18px; } }
@media (min-width: 1025px) { .mct-f-similares, .mct-f-similares.mcf-seccion { --mcf-gap: 20px; } }
.mct-f-cuenta { display: inline-block; min-width: 26px; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #f5f5f7; color: #6d6d72; font-size: 13px; font-weight: 700; line-height: 1.6; vertical-align: middle; text-align: center; }
.mct-f-rel.mcf-pista { --mcf-n: 2; }
@media (min-width: 560px) { .mct-f-rel.mcf-pista { --mcf-n: 3; } }
@media (min-width: 768px) { .mct-f-rel.mcf-pista { --mcf-n: 4; } }
@media (min-width: 1025px) { .mct-f-rel.mcf-pista { --mcf-n: 6; } }
/* Móvil: cantidad arriba; «Añadir» y el corazón debajo, en la misma línea (sin salirse de la tarjeta). */
@media (max-width: 767px) {
	.bcs-app .mct-f-rel .bcs-qty-row.mcc-con-corazon { flex-wrap: wrap; justify-content: center; gap: 6px; }
	.bcs-app .mct-f-rel .bcs-qty-row.mcc-con-corazon .bcs-stepper { flex: 0 0 100%; justify-content: center; }
	.bcs-app .mct-f-rel .bcs-qty-row.mcc-con-corazon .bcs-btn { flex: 1 1 0; width: auto !important; min-width: 0; }
	.bcs-app .mct-f-rel .bcs-qty-row.mcc-con-corazon .mcc-heart { flex: none; }
}

@media (max-width: 767px) {
	.bcs-app h1.mct-f-tit { font-size: 22px !important; }
	.mct-f-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	.bcs-app button.mct-f-tab { flex: none; height: 34px !important; padding: 0 12px !important; font-size: 13px !important; }
	.bcs-app .mct-f-similares .mct-f-h2 { font-size: 22px !important; }
}

/* 1.23.0 · Cartas incluidas en este producto (carrusel de la ficha de carta) */
.mct-ficha .mcf-ficha.mct-f-incluidas { background: transparent; }
.mct-f-incluidas .mcf-seccion { margin: 40px 0 0 !important; }

/* 1.26.0 · Ventana «Ver cómo reservar» del catálogo */
.mct-res-ir { margin: 16px 0 0 !important; text-align: center; }
.mct-res-ir a.mct-res-ir-a { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 26px !important; border-radius: 999px; background: #151515 !important; color: #fff !important; font-weight: 700; font-size: 15px; text-decoration: none !important; }
.mct-res-ir a.mct-res-ir-a:hover { background: #e96400 !important; }

/* 1.26.1 · Ventana de las reservas: más ancha en escritorio (explicación | niveles) y tu nivel resaltado */
.mct-modal-in { max-height: calc(100vh - 48px); overflow-y: auto; }
@media (min-width: 900px) {
	.mct-modal.is-ancha { width: min(1180px, 76vw); }
	.mct-modal.is-ancha .mct-modal-in { padding: 26px 30px 24px; }
	.mct-res-exp { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 30px; align-items: start; }
	.mct-modal.is-ancha .mct-res-niv-t { margin-top: 2px !important; }
}
.mct-modal .mct-res-niv-t { margin: 16px 0 0 !important; font-weight: 800; font-size: 15px; color: #151515; }
.mct-modal .mct-res-niv { margin-top: 8px !important; }
.mct-res-niv td { white-space: normal; }
.mct-res-niv tr.is-tu td { background: #fff1e6; font-weight: 700; font-size: 15px; color: #151515; padding-top: 12px; padding-bottom: 12px; }
.mct-res-niv tr.is-tu td:first-child { box-shadow: inset 4px 0 0 #e96400; }
.mct-tu-nivel { display: inline-block; margin-left: 6px; padding: 2px 9px; border-radius: 999px; background: #e96400; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; vertical-align: middle; }
.mct-res-niv-enl { margin: 10px 0 0 !important; font-size: 14px; color: #6d6d72; }
.mct-res-niv-enl a { color: #e96400 !important; font-weight: 700; text-decoration: underline; }

/* Móvil: cantidad y «Reservar» en la misma línea; las otras formas de reservar debajo, a todo el ancho y del mismo alto. */
@media (max-width: 640px) {
	.mct-f-compra.has-alt { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: stretch; gap: 8px; }
	.mct-f-compra.has-alt .mct-res-bts { display: contents; }
	.mct-f-compra.has-alt .bcs-stepper { grid-column: 1; grid-row: 1; align-self: stretch; height: 48px; }
	.bcs-app .mct-f-compra.has-alt .bcs-stepper button { height: 46px !important; }
	.mct-f-compra.has-alt .mct-res-bts .bcs-btn { grid-column: 1 / -1; width: 100%; min-width: 0; height: 48px !important; min-height: 48px; margin: 0 !important; }
	.mct-f-compra.has-alt .mct-res-bts .bcs-btn:first-child { grid-column: 2; grid-row: 1; }
}

/* PSVP de Wizards debajo del precio: «PSVP: 74,99 € (?)» y su explicación al pulsar. */
.mct-psvp { margin: 4px 0 10px; font-size: 14px; color: #6b6b72; }
.mct-psvp summary { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; list-style: none; }
.mct-psvp summary::-webkit-details-marker { display: none; }
.mct-psvp summary b { color: #45454a; font-weight: 600; } /* Sin tachar: no es un precio anterior. */
.mct-psvp summary b .amount { color: inherit; }
.mct-psvp summary i { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid #c9c9cf; border-radius: 50%; color: #6b6b72; font-size: 11px; font-style: normal; font-weight: 700; line-height: 1; }
.mct-psvp[open] summary i { border-color: #e96400; background: #e96400; color: #fff; }
.mct-psvp-info { margin: 8px 0 0; padding: 12px 14px; border: 1px solid #ececf0; border-radius: 12px; background: #fafafb; color: #45454a; font-size: 13.5px; line-height: 1.5; }
.mct-psvp-info p { margin: 0 0 8px !important; }
.mct-psvp-info p:last-child { margin-bottom: 0 !important; }
.mct-psvp-link { color: #e96400 !important; font-weight: 600; text-decoration: none !important; }
.mct-psvp-link:hover { text-decoration: underline !important; }
.mct-psvp-marca { color: #8a8a90; font-size: 12px; }
.mct-psvp.is-solo { font-size: 13.5px; }

/* Línea de tiempo: con la cola abierta, el paso actual late en verde (como «Reserva abierta» en la portada). */
.mct-fases li.is-viva span, .mct-tramo li.is-viva span { border-color: #22c55e; background: #22c55e; box-shadow: 0 0 0 4px #dcfce7; }
.mct-fases li.is-viva span::after, .mct-tramo li.is-viva span::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; background: #4ade80; opacity: .45; animation: mct-latido 1.8s ease-out infinite; }
.mct-tramo.is-ahora:has(li.is-viva) { border-color: #bbf7d0; background: #f0fdf4; }
.mct-tramo.is-ahora:has(li.is-viva) .mct-tramo-t { color: #15803d; }
@keyframes mct-latido { to { transform: scale(2.2); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .mct-fases li.is-viva span::after, .mct-tramo li.is-viva span::after { animation: none; } }