@font-face{
	font-family:"RM2627";
	src:url("../fonts/real-madrid-26-27.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

@font-face{
	font-family:"BCN2627";
	src:url("../fonts/barcelona-26-27.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

.re-preview--svg{
	max-width:460px;
	background:radial-gradient(circle at 50% 28%, rgba(255,255,255,.10), transparent 62%), #101012;
}
.re-preview--svg .re-svg{display:block;width:100%;height:auto;padding:8px 8px 0;}
.re-preview--svg .re-svg-text{
	font-family:"RM2627","Arial Narrow",Arial,sans-serif;
	font-weight:normal;
	text-rendering:geometricPrecision;
}

/* ---------- Opciones tipo botón (tallas, parche, nombre y número) ---------- */
.re-select-hidden{position:absolute !important;opacity:0;pointer-events:none;width:1px;height:1px;}
.re-pills{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px;}
.re-pill{position:relative;cursor:pointer;}
.re-pill input{position:absolute;opacity:0;pointer-events:none;}
.re-pill span, .re-pill-btn{
	display:inline-flex;align-items:center;
	padding:10px 18px;border-radius:999px;
	border:1px solid var(--re-border-strong, rgba(255,255,255,.2));
	background:var(--re-surface, rgba(255,255,255,.045));
	color:var(--re-white, #f5f5f7);
	font:600 .85rem/1 "Inter", Arial, sans-serif;
	cursor:pointer;
	transition:border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}
.re-pill:hover span, .re-pill-btn:hover:not(:disabled){border-color:var(--re-gold, #d4af37);transform:translateY(-1px);}
.re-pill.is-active span, .re-pill-btn.is-active{
	border-color:var(--re-gold, #d4af37);
	background:rgba(212,175,55,.14);
	color:var(--re-gold-bright, #f3d371);
	box-shadow:0 0 0 3px rgba(212,175,55,.12);
}
.re-pill input:focus-visible + span, .re-pill-btn:focus-visible{outline:2px solid var(--re-gold, #d4af37);outline-offset:2px;}
.re-pill-btn:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through;}

.re-opt{border:0;padding:0;margin:0 0 20px;min-width:0;}
.re-opt legend{padding:0;margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--re-gray, #9a9aa1);}
.re-mode-panel{margin-top:14px;}
.re-mode-panel[hidden]{display:none;}
.re-mode-panel select{
	width:100%;padding:12px 14px;border-radius:12px;
	background:var(--re-surface, rgba(255,255,255,.045));
	border:1px solid var(--re-border-strong, rgba(255,255,255,.2));
	color:var(--re-white, #f5f5f7);font-size:.95rem;
}
.re-mode-panel select option, .re-mode-panel select optgroup{background:#141416;color:#f5f5f7;}
.re-count{float:right;font-weight:400;color:var(--re-gray-dim, #6f6f75);}
.re-customizer__row label{overflow:hidden;}

table.variations .re-pills--var{margin:0;}
table.variations td.value{padding-bottom:10px;}