/* Radeff Marquesina de Temas — los colores se definen en Apariencia → Marquesina */
.rdf-marquee {
	--rdf-fondo: #f4f6f9;
	--rdf-texto: #1f2a37;
	--rdf-borde: #d5e0eb;
	--rdf-punto: #6ec1e4;
	--rdf-pildora: #ffffff;
	--rdf-caja: 1140px;
	background: var(--rdf-fondo);
	border-top: 1px solid var(--rdf-borde);
	border-bottom: 1px solid var(--rdf-borde);
	font-family: inherit;
	box-sizing: border-box;
}
.rdf-marquee *,
.rdf-marquee *::before,
.rdf-marquee *::after { box-sizing: border-box; }

.rdf-marquee__inner {
	display: flex;
	align-items: center;
	margin: 0 auto;
}
/* Caja: fondo a todo el ancho, contenido centrado */
.rdf-marquee--caja .rdf-marquee__inner { max-width: var(--rdf-caja); }
/* Barra en caja: la barra entera queda centrada */
.rdf-marquee--barra {
	max-width: var(--rdf-caja);
	margin: 0 auto;
	border: 1px solid var(--rdf-borde);
	border-radius: 8px;
	overflow: hidden;
}

/* ---- Botón play / pausa ---- */
.rdf-marquee__label {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	padding: 6px 10px;
	background: var(--rdf-fondo);
	position: relative;
	z-index: 2;
	border-right: 1px solid var(--rdf-borde);
}
.rdf-marquee .rdf-marquee__toggle {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	padding: 4px 6px !important;
	min-height: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: var(--rdf-texto) !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer;
}
.rdf-marquee .rdf-marquee__toggle:focus-visible { outline: 2px solid var(--rdf-punto); outline-offset: 2px; }
.rdf-ico {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 2px solid var(--rdf-punto);
	border-radius: 50%;
	transition: background .2s;
}
.rdf-ico svg { width: 22px; height: 22px; fill: var(--rdf-punto); transition: fill .2s; }
.rdf-marquee__toggle:hover .rdf-ico { background: var(--rdf-punto); }
.rdf-marquee__toggle:hover .rdf-ico svg { fill: #fff; }
/* En movimiento se ofrece II (pausar); detenida se ofrece ▶ (reanudar). */
.rdf-ico-play { display: none; }
.rdf-marquee.is-stopped .rdf-ico-play { display: block; }
.rdf-marquee.is-stopped .rdf-ico-pause { display: none; }

/* ---- Controles del visitante: sentido y velocidad ---- */
.rdf-marquee__ctrls {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	background: var(--rdf-fondo);
	position: relative;
	z-index: 2;
	border-left: 1px solid var(--rdf-borde);
}
.rdf-marquee .rdf-ctrl {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	background: transparent !important;
	border: 2px solid var(--rdf-punto) !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	color: var(--rdf-punto) !important;
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: -.02em !important;
	text-transform: none !important;
	cursor: pointer;
	transition: background .2s, color .2s;
}
.rdf-marquee .rdf-ctrl:hover { background: var(--rdf-punto) !important; color: #fff !important; }
.rdf-marquee .rdf-ctrl:focus-visible { outline: 2px solid var(--rdf-punto); outline-offset: 2px; }
.rdf-ctrl svg { width: 22px; height: 22px; fill: currentColor; }
.rdf-marquee .rdf-ctrl--vel { width: auto !important; min-width: 44px; padding: 0 7px !important; border-radius: 999px !important; }
.rdf-marquee .rdf-ctrl--vel.is-zero { opacity: .55; }

/* Selector de sentido ‹ | › : el estado actual queda relleno */
.rdf-dir {
	display: inline-flex;
	align-items: stretch;
	height: 30px;
	border: 2px solid var(--rdf-punto);
	border-radius: 999px;
	overflow: hidden;
}
.rdf-marquee .rdf-dir__b {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 26px;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--rdf-punto) !important;
	cursor: pointer;
	transition: background .2s, color .2s;
}
.rdf-marquee .rdf-dir__b + .rdf-dir__b { border-left: 1px solid var(--rdf-punto) !important; }
.rdf-marquee .rdf-dir__b:hover { background: color-mix(in srgb, var(--rdf-punto) 18%, transparent) !important; }
.rdf-marquee .rdf-dir__b.is-on { background: var(--rdf-punto) !important; color: #fff !important; }
.rdf-marquee .rdf-dir__b:focus-visible { outline: 2px solid var(--rdf-texto); outline-offset: -3px; }
.rdf-dir__b svg { width: 20px; height: 20px; fill: currentColor; }

/* ---- Cinta ---- */
.rdf-marquee__viewport {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
}
/* Recorta solo a los costados: los efectos que suben o bajan no se cortan */
@supports (overflow: clip) {
	.rdf-marquee__viewport { overflow-x: clip; overflow-y: visible; }
}
.rdf-marquee__track {
	display: flex;
	width: max-content;
	animation: rdf-scroll var(--rdf-velocidad, 40s) linear infinite;
}
.rdf-marquee--der .rdf-marquee__track { animation-direction: reverse; }
.rdf-marquee.rdf-js .rdf-marquee__track { animation: none; will-change: transform; }
.rdf-marquee.is-paused .rdf-marquee__track,
.rdf-marquee--hover .rdf-marquee__viewport:hover .rdf-marquee__track,
.rdf-marquee__viewport:focus-within .rdf-marquee__track {
	animation-play-state: paused;
}
.rdf-marquee__list {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	margin: 0;
	list-style: none;
}
.rdf-marquee__list li { margin: 0; padding: 0; list-style: none; }
.rdf-marquee__list a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	padding: 5px 14px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	color: var(--p-fg, var(--rdf-texto));
	background: var(--p-bg, var(--rdf-pildora));
	border: 1px solid var(--p-bd, var(--rdf-borde));
	transition: background .2s, color .2s, transform .2s, filter .2s;
}
.rdf-marquee__list a:hover,
.rdf-marquee__list a:focus-visible {
	background: var(--rdf-texto);
	border-color: var(--rdf-texto);
	color: var(--rdf-pildora);
	transform: translateY(-1px);
}
.rdf-marquee__list a:hover .rdf-icon { color: inherit !important; }
.rdf-marquee__list a.rdf-pill--color:hover,
.rdf-marquee__list a.rdf-pill--color:focus-visible {
	background: var(--p-bg);
	border-color: var(--p-bd);
	color: var(--p-fg);
	filter: brightness(.85);
}
.rdf-emoji { font-size: 1.05em; line-height: 1; }
.rdf-icon { font-size: 1.05em; line-height: 1; width: 1.1em; text-align: center; }
.rdf-marquee .rdf-img {
	display: block;
	height: var(--rdf-img, 22px) !important;
	width: auto !important;
	max-width: 160px;
	margin: 0 !important;
	border-radius: 3px;
	object-fit: contain;
}
.rdf-marquee__list a.rdf-pill--img { padding: 3px 10px; }

/* Temas solo imagen: al pasar el mouse no se invierten los colores (el logo se ve igual) */
.rdf-marquee__list a.rdf-pill--img:hover,
.rdf-marquee__list a.rdf-pill--img:focus-visible {
	background: var(--p-bg, var(--rdf-pildora));
	border-color: var(--rdf-punto);
	color: var(--p-fg, var(--rdf-texto));
	filter: none;
}

/* ---- Efectos al pasar el mouse (mismos movimientos que "Animación al pasar el cursor" de Elementor / Hover.css) ----
   La velocidad se ajusta con --rdf-fxm (1.6 lenta · 1 normal · 0.6 rápida). */
.rdf-marquee[class*="rdf-fx-"] .rdf-marquee__list a:hover,
.rdf-marquee[class*="rdf-fx-"] .rdf-marquee__list a:focus-visible { transform: none; }
.rdf-marquee.rdf-fx-grow .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease, background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-grow .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-grow .rdf-marquee__list a:focus-visible { transform: scale(1.1); }
.rdf-marquee.rdf-fx-shrink .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease, background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-shrink .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-shrink .rdf-marquee__list a:focus-visible { transform: scale(.9); }
.rdf-marquee.rdf-fx-bounce-in .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.5s) cubic-bezier(.47,2.02,.31,-.36), background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-bounce-in .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-bounce-in .rdf-marquee__list a:focus-visible { transform: scale(1.2); }
.rdf-marquee.rdf-fx-bounce-out .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.5s) cubic-bezier(.47,2.02,.31,-.36), background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-bounce-out .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-bounce-out .rdf-marquee__list a:focus-visible { transform: scale(.8); }
.rdf-marquee.rdf-fx-rotate .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease, background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-rotate .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-rotate .rdf-marquee__list a:focus-visible { transform: rotate(4deg); }
.rdf-marquee.rdf-fx-grow-rotate .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease, background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-grow-rotate .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-grow-rotate .rdf-marquee__list a:focus-visible { transform: scale(1.1) rotate(4deg); }
.rdf-marquee.rdf-fx-float .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease-out, background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-float .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-float .rdf-marquee__list a:focus-visible { transform: translateY(-8px); }
.rdf-marquee.rdf-fx-sink .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease-out, background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-sink .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-sink .rdf-marquee__list a:focus-visible { transform: translateY(8px); }
.rdf-marquee.rdf-fx-skew .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease, background .2s, color .2s, border-color .2s; }
.rdf-marquee.rdf-fx-skew .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-skew .rdf-marquee__list a:focus-visible { transform: skew(-10deg); }
.rdf-marquee.rdf-fx-skew-forward .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease, background .2s, color .2s, border-color .2s; transform-origin:0 100%; }
.rdf-marquee.rdf-fx-skew-forward .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-skew-forward .rdf-marquee__list a:focus-visible { transform: skew(-10deg); }
.rdf-marquee.rdf-fx-skew-backward .rdf-marquee__list a { transition: transform calc(var(--rdf-fxm, 1) * 0.3s) ease, background .2s, color .2s, border-color .2s; transform-origin:0 100%; }
.rdf-marquee.rdf-fx-skew-backward .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-skew-backward .rdf-marquee__list a:focus-visible { transform: skew(10deg); }
.rdf-marquee.rdf-fx-pulse .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-pulse .rdf-marquee__list a:focus-visible { animation: rdf-pulse calc(var(--rdf-fxm, 1) * 1s) linear infinite; }
@keyframes rdf-pulse { 25%{transform:scale(1.1)}75%{transform:scale(.9)} }
.rdf-marquee.rdf-fx-pulse-grow .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-pulse-grow .rdf-marquee__list a:focus-visible { animation: rdf-pulse-grow calc(var(--rdf-fxm, 1) * 0.3s) linear infinite; animation-direction:alternate;}
@keyframes rdf-pulse-grow { to{transform:scale(1.1)} }
.rdf-marquee.rdf-fx-pulse-shrink .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-pulse-shrink .rdf-marquee__list a:focus-visible { animation: rdf-pulse-shrink calc(var(--rdf-fxm, 1) * 0.3s) linear infinite; animation-direction:alternate;}
@keyframes rdf-pulse-shrink { to{transform:scale(.9)} }
.rdf-marquee.rdf-fx-push .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-push .rdf-marquee__list a:focus-visible { animation: rdf-push calc(var(--rdf-fxm, 1) * 0.3s) linear 1; }
@keyframes rdf-push { 50%{transform:scale(.8)}100%{transform:scale(1)} }
.rdf-marquee.rdf-fx-pop .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-pop .rdf-marquee__list a:focus-visible { animation: rdf-pop calc(var(--rdf-fxm, 1) * 0.3s) linear 1; }
@keyframes rdf-pop { 50%{transform:scale(1.2)} }
.rdf-marquee.rdf-fx-wobble-vertical .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-wobble-vertical .rdf-marquee__list a:focus-visible { animation: rdf-wobble-vertical calc(var(--rdf-fxm, 1) * 1s) ease-in-out 1; }
@keyframes rdf-wobble-vertical { 16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)} }
.rdf-marquee.rdf-fx-wobble-horizontal .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-wobble-horizontal .rdf-marquee__list a:focus-visible { animation: rdf-wobble-horizontal calc(var(--rdf-fxm, 1) * 1s) ease-in-out 1; }
@keyframes rdf-wobble-horizontal { 16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)} }
.rdf-marquee.rdf-fx-wobble-to-bottom-right .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-wobble-to-bottom-right .rdf-marquee__list a:focus-visible { animation: rdf-wobble-to-bottom-right calc(var(--rdf-fxm, 1) * 1s) ease-in-out 1; }
@keyframes rdf-wobble-to-bottom-right { 16.65%{transform:translate(8px,8px)}33.3%{transform:translate(-6px,-6px)}49.95%{transform:translate(4px,4px)}66.6%{transform:translate(-2px,-2px)}83.25%{transform:translate(1px,1px)}100%{transform:translate(0,0)} }
.rdf-marquee.rdf-fx-wobble-to-top-right .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-wobble-to-top-right .rdf-marquee__list a:focus-visible { animation: rdf-wobble-to-top-right calc(var(--rdf-fxm, 1) * 1s) ease-in-out 1; }
@keyframes rdf-wobble-to-top-right { 16.65%{transform:translate(8px,-8px)}33.3%{transform:translate(-6px,6px)}49.95%{transform:translate(4px,-4px)}66.6%{transform:translate(-2px,2px)}83.25%{transform:translate(1px,-1px)}100%{transform:translate(0,0)} }
.rdf-marquee.rdf-fx-wobble-top .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-wobble-top .rdf-marquee__list a:focus-visible { animation: rdf-wobble-top calc(var(--rdf-fxm, 1) * 1s) ease-in-out 1; transform-origin:0 100%;}
@keyframes rdf-wobble-top { 16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)} }
.rdf-marquee.rdf-fx-wobble-bottom .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-wobble-bottom .rdf-marquee__list a:focus-visible { animation: rdf-wobble-bottom calc(var(--rdf-fxm, 1) * 1s) ease-in-out 1; transform-origin:100% 0;}
@keyframes rdf-wobble-bottom { 16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)} }
.rdf-marquee.rdf-fx-wobble-skew .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-wobble-skew .rdf-marquee__list a:focus-visible { animation: rdf-wobble-skew calc(var(--rdf-fxm, 1) * 1s) ease-in-out 1; }
@keyframes rdf-wobble-skew { 16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)} }
.rdf-marquee.rdf-fx-buzz .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-buzz .rdf-marquee__list a:focus-visible { animation: rdf-buzz calc(var(--rdf-fxm, 1) * 0.15s) linear infinite; }
@keyframes rdf-buzz { 50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)} }
.rdf-marquee.rdf-fx-buzz-out .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-buzz-out .rdf-marquee__list a:focus-visible { animation: rdf-buzz-out calc(var(--rdf-fxm, 1) * 0.75s) linear 1; }
@keyframes rdf-buzz-out { 10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}100%{transform:translateX(-1px) rotate(0)} }
.rdf-marquee.rdf-fx-bob .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-bob .rdf-marquee__list a:focus-visible { animation-name: rdf-bob-a, rdf-bob-b; animation-duration: calc(var(--rdf-fxm, 1) * 0.3s), calc(var(--rdf-fxm, 1) * 1.5s); animation-delay: 0s, calc(var(--rdf-fxm, 1) * 0.3s); animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }
@keyframes rdf-bob-a { 100% { transform: translateY(-8px); } }
@keyframes rdf-bob-b { 0% { transform: translateY(-8px); } 50% { transform: translateY(-4px); } 100% { transform: translateY(-8px); } }
.rdf-marquee.rdf-fx-hang .rdf-marquee__list a:hover,
.rdf-marquee.rdf-fx-hang .rdf-marquee__list a:focus-visible { animation-name: rdf-hang-a, rdf-hang-b; animation-duration: calc(var(--rdf-fxm, 1) * 0.3s), calc(var(--rdf-fxm, 1) * 1.5s); animation-delay: 0s, calc(var(--rdf-fxm, 1) * 0.3s); animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }
@keyframes rdf-hang-a { 100% { transform: translateY(8px); } }
@keyframes rdf-hang-b { 0% { transform: translateY(8px); } 50% { transform: translateY(4px); } 100% { transform: translateY(8px); } }

/* ---- Globo con el nombre ---- */
.rdf-tip {
	position: fixed;
	z-index: 99999;
	padding: 5px 10px;
	border-radius: 6px;
	background: #1f2a37;
	color: #fff;
	font: 600 13px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, -4px);
	transition: opacity .15s, transform .15s;
}
.rdf-tip.is-on { opacity: 1; transform: translate(-50%, 0); }
.rdf-tip::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #1f2a37;
}
.rdf-tip.is-below::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: #1f2a37; }

/* Clases de la versión 1.0 (siguen funcionando) */
.rdf-marquee__list a.rdf-hot           { --p-bg: #1d4ed8; --p-bd: #1d4ed8; --p-fg: #fff; }
.rdf-marquee__list a.rdf-hot--halloween { --p-bg: #ff7a00; --p-bd: #ff7a00; --p-fg: #fff; }
.rdf-marquee__list a.rdf-hot--navidad   { --p-bg: #c8102e; --p-bd: #c8102e; --p-fg: #fff; }

@keyframes rdf-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.rdf-marquee__track { animation: none; }
	.rdf-marquee__viewport { overflow-x: auto; }
	.rdf-marquee__toggle,
	.rdf-marquee__ctrls { display: none !important; }
	.rdf-marquee__list a { animation: none !important; transition: none !important; }
}
@media (max-width: 600px) {
	.rdf-marquee__label { padding: 6px 8px; }
	.rdf-marquee__ctrls { padding: 6px 8px; gap: 4px; }
	.rdf-marquee .rdf-ctrl, .rdf-ico, .rdf-dir { height: 28px; }
	.rdf-ico { width: 28px; }
	.rdf-marquee .rdf-dir__b { width: 24px; }
	.rdf-marquee .rdf-ctrl--vel { min-width: 40px; padding: 0 5px !important; }
	.rdf-marquee__toggle .rdf-txt { display: none; }
	.rdf-marquee--barra { border-radius: 0; border-left: 0; border-right: 0; }
}

/* ---- Botón ⋯ (sentido y velocidad agrupados) ---- */
.rdf-marquee .rdf-more { display: none !important; }
.rdf-ctrls__panel { display: flex; align-items: center; gap: 6px; }
.rdf-more svg { width: 20px; height: 20px; fill: currentColor; }

/* ---- Deslizar con el dedo / arrastrar con el mouse ---- */
.rdf-marquee.rdf-js .rdf-marquee__viewport { touch-action: pan-y; cursor: grab; }
.rdf-marquee.is-dragging .rdf-marquee__viewport { cursor: grabbing; }
.rdf-marquee.is-dragging .rdf-marquee__list a { pointer-events: none; }
.rdf-marquee__track { -webkit-user-select: none; user-select: none; }
.rdf-marquee__list a, .rdf-marquee .rdf-img { -webkit-touch-callout: none; -webkit-user-drag: none; }

/* ---- Celulares ---- */
@media (max-width: 600px) {
	/* Botón ▶/II compacto, sin columna separada */
	.rdf-marquee__label { padding: 4px 0 4px 6px; border-right: 0; }
	.rdf-marquee .rdf-marquee__toggle { padding: 2px !important; }
	.rdf-marquee .rdf-ico { width: 32px; height: 32px; }
	.rdf-marquee .rdf-ico svg { width: 20px; height: 20px; }
	/* Temas más compactos */
	.rdf-marquee__list { gap: 8px; padding: 6px 6px; }
	.rdf-marquee__list a { padding: 4px 11px; font-size: 13px; gap: 5px; }
	.rdf-marquee__list a.rdf-pill--img { padding: 3px 9px; }
	.rdf-marquee .rdf-img { height: min(var(--rdf-img, 22px), 20px) !important; }
	.rdf-marquee--barra { overflow: visible; }

	.rdf-movil--play .rdf-marquee__ctrls,
	.rdf-movil--ninguno .rdf-marquee__ctrls,
	.rdf-movil--ninguno .rdf-marquee__label { display: none !important; }

	/* "⋯": abre una bandeja con ‹ | › y la velocidad */
	.rdf-movil--menu .rdf-marquee__ctrls { border-left: 0; padding: 4px 8px 4px 2px; }
	.rdf-movil--menu .rdf-more { display: inline-flex !important; width: 32px !important; height: 32px !important; }
	.rdf-movil--menu .rdf-ctrls__panel {
		display: none;
		position: absolute;
		top: calc(100% + 6px);
		right: 6px;
		z-index: 50;
		padding: 8px;
		background: var(--rdf-fondo);
		border: 1px solid var(--rdf-borde);
		border-radius: 999px;
		box-shadow: 0 6px 18px rgba(0,0,0,.15);
	}
	.rdf-movil--menu .rdf-marquee__ctrls.is-open .rdf-ctrls__panel { display: flex; }
	.rdf-movil--menu .rdf-marquee__ctrls.is-open .rdf-more { background: var(--rdf-punto) !important; color: #fff !important; }
	.rdf-movil--menu .rdf-dir, .rdf-movil--menu .rdf-ctrl--vel { height: 32px !important; }
	.rdf-movil--menu .rdf-dir__b { width: 30px !important; }
}

/* ---- Tamaños ---- */
.rdf-size--grande .rdf-marquee__list a { font-size: 16px; padding: 7px 18px; }
.rdf-size--grande { --rdf-img: 32px; }
.rdf-size--grande .rdf-ico, .rdf-size--muy_grande .rdf-ico { width: 38px; height: 38px; }
.rdf-size--grande .rdf-ico svg, .rdf-size--muy_grande .rdf-ico svg { width: 26px; height: 26px; }
.rdf-size--muy_grande .rdf-marquee__list a { font-size: 18px; padding: 9px 22px; }
.rdf-size--muy_grande { --rdf-img: 44px; }
.rdf-marquee.rdf-size--muy_grande:not(.rdf-cards) .rdf-img, .rdf-marquee.rdf-size--grande:not(.rdf-cards) .rdf-img { height: var(--rdf-img) !important; }

/* ---- Tarjetas: foto arriba, nombre abajo ---- */
.rdf-cards { --rdf-foto: 64px; }
.rdf-cards.rdf-size--normal { --rdf-foto: 48px; }
.rdf-cards.rdf-size--muy_grande { --rdf-foto: 100px; }
.rdf-cards .rdf-marquee__list { gap: 18px; padding: 12px 14px; align-items: flex-start; }
.rdf-marquee.rdf-cards .rdf-marquee__list a.rdf-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	width: calc(var(--rdf-foto) + 34px);
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: var(--rdf-texto);
	white-space: normal;
	text-align: center;
	filter: none;
}
.rdf-card__foto {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--rdf-foto);
	height: var(--rdf-foto);
	overflow: hidden;
	background: var(--rdf-pildora);
	border: 3px solid var(--rdf-borde);
	border-radius: 50%;
	transition: border-color .2s, box-shadow .2s;
	flex: 0 0 auto;
}
.rdf-forma--cuadrado .rdf-card__foto { border-radius: 14px; }
.rdf-forma--original .rdf-card__foto { width: auto; min-width: var(--rdf-foto); border-radius: 8px; background: transparent; }
.rdf-marquee.rdf-cards .rdf-card__foto .rdf-img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	border-radius: 0;
}
.rdf-marquee.rdf-forma--original .rdf-card__foto .rdf-img { width: auto !important; object-fit: contain; }
.rdf-card__foto--ph { color: var(--rdf-punto); font-size: calc(var(--rdf-foto) * .42); font-weight: 700; }
.rdf-card__foto--ph .rdf-emoji, .rdf-card__foto--ph .rdf-icon { font-size: 1em; }
.rdf-card__nombre {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .01em;
	text-transform: uppercase;
}
.rdf-cards.rdf-size--muy_grande .rdf-card__nombre { font-size: 13px; }
.rdf-marquee.rdf-cards .rdf-marquee__list a.rdf-card:hover,
.rdf-marquee.rdf-cards .rdf-marquee__list a.rdf-card:focus-visible {
	background: transparent;
	border: 0;
	color: var(--rdf-punto);
}
.rdf-marquee.rdf-cards .rdf-marquee__list a.rdf-card:hover .rdf-card__foto,
.rdf-marquee.rdf-cards .rdf-marquee__list a.rdf-card:focus-visible .rdf-card__foto {
	border-color: var(--rdf-punto);
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
/* Colores de "destacar" en tarjetas: tiñen el borde de la foto */
.rdf-marquee.rdf-cards .rdf-marquee__list a.rdf-card.rdf-pill--color .rdf-card__foto { border-color: var(--p-bg); }
.rdf-marquee.rdf-cards .rdf-marquee__list a.rdf-card.rdf-pill--color { color: var(--rdf-texto); }

@media (max-width: 600px) {
	.rdf-cards.rdf-size--muy_grande { --rdf-foto: 76px; }
	.rdf-cards.rdf-size--grande { --rdf-foto: 56px; }
	.rdf-cards .rdf-marquee__list { gap: 12px; padding: 10px 8px; }
	.rdf-marquee.rdf-cards .rdf-marquee__list a.rdf-card { width: calc(var(--rdf-foto) + 22px); gap: 6px; }
	.rdf-card__nombre { font-size: 11px; }
	.rdf-size--muy_grande .rdf-marquee__list a:not(.rdf-card) { font-size: 15px; padding: 6px 14px; }
}