/*
 * Tarjeta de entidad en los listados y «Organiza» en la ficha de un acto (9-nov-2026).
 * Con portada: la foto arriba y el logo montado sobre su borde. Solo logo: el logo junto al nombre.
 * Sin nada: texto con el filo rojo de la marca; nunca imagen de relleno.
 */

.rt-shop--entidad { position: relative; overflow: hidden; border-top: 3px solid var(--rt-color-rojo, #f71920); border-radius: 3px 3px 14px 14px; }
/* Con portada la tarjeta no lleva relleno propio: la foto llega a los bordes y el resto se sangra. */
.rt-shop--con-portada { border-top: 0; border-radius: 14px; padding: 0 0 1.1rem; }
.rt-shop--con-portada > :not(.rt-shop__portada) { margin-inline: 1.1rem; }

.rt-shop__portada { aspect-ratio: 16 / 9; margin: 0 0 .8rem; background: var(--rt-color-fondo, #f4f5f6); overflow: hidden; }
.rt-shop__img { display: block; width: 100%; height: 100%; object-fit: cover; }

.rt-shop__id { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.rt-shop__logo {
	flex: none;
	width: 3rem;
	height: 3rem;
	border: 3px solid #fff;
	border-radius: .8rem;
	background: #fff;
	box-shadow: 0 .25rem .9rem rgb(0 0 0 / 14%);
	overflow: hidden;
}
.rt-shop__logo-img { display: block; width: 100%; height: 100%; object-fit: contain; }
/* Con portada, el logo se monta sobre su borde inferior. */
.rt-shop--con-portada .rt-shop__logo { width: 3.5rem; height: 3.5rem; position: relative; z-index: 1; }
.rt-shop--con-portada .rt-shop__id { align-items: flex-end; }
.rt-shop--con-portada.rt-shop--con-logo .rt-shop__id { margin-top: -2.2rem; }
.rt-shop__enlace { color: inherit; text-decoration: none; }
.rt-shop__enlace:hover { color: var(--rt-color-rojo-accesible, #c9141e); }

/* «Organiza» en la ficha de un acto. */
.rt-organiza { display: flex; align-items: center; gap: .6rem; max-width: min(100%, 46rem); margin: 1.25rem auto 0; color: var(--rt-color-gris, #62646a); font-size: .9375rem; font-weight: 600; }
.rt-organiza__logo { flex: none; width: 2rem; height: 2rem; border: 1px solid rgb(29 29 31 / 10%); border-radius: .5rem; background: #fff; object-fit: contain; }
.rt-organiza a { color: var(--rt-color-rojo-accesible, #c9141e); font-weight: 700; text-decoration: none; }
.rt-organiza a:hover { text-decoration: underline; }