label > span.required {
	color: red;
	padding: 0 5px;
}
label.required {
	font-weight: bold;
}
.validetta-error input,
.validetta-error span.select2 > span.selection > span.select2-selection,
.validetta-error select {
	border-color: #ea5455 !important;
}
/*.text-truncate,
.fw-medium {
	display: contents;
}*/
.fs-7 {
	font-size: 0.85em;
}
.fs-8 {
	font-size: 0.7em;
}
.btn-eliminar {
	font-size: 1.2em;
	margin: 5px 20px;
}
.btn > i {
	color: white;
}
.db-txt {
	display: block;
}
.valign-center {
	display: flex !important;
	align-items: center;
}
.info_contacto {
	display: block;
}
.columna-nombre {
	width: 20% !important;
	float: left;
	text-align: right;
}

.columna-valor {
	width: 80% !important;
	float: left;
}
table.table-bordered.dataTable {
	border-right-width: 1px !important;
	border-left-width: 1px !important;
	border: 1px solid var(--bs-card-border-color);
}
.icono {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.dd-idioma {
	display: flex !important;
	align-items: center !important;
}

.language-button {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	outline: none;
	box-shadow: none !important;
	display: flex;
}

.dropdown-mini {
	min-width: 0 !important;
}

.dropdown-item {
	white-space: nowrap;
}

.img-user {
	display: block;
	position: relative;
	width: 36px;
	height: 36px;
	border-radius: 100%;
}

.img-user:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 3px;
	width: 6px;
	height: 6px;
	background-color: #969dab;
	-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
	border-radius: 100%;
}

.img-user.online:after {
	background-color: #3bb001;
}

.img-user img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 100%;
}

.notification-list .notification-body {
	margin-left: 15px;
	font-size: 13px;
}

.notification-list .notification-body h6,
.notification-list .notification-body .h6 {
	font-size: 0.90625rem;
	margin-bottom: 5px;
	line-height: 1.3;
}

.notification-list .notification-body span {
	font-size: 12px;
}

.dropdown-footer {
	text-align: center;
	padding-top: 10px;
	font-size: 13px;
	border-top: 1px dotted #ced4da;
}

.user-menu {
	position: relative;
}

.user-menu > .img-user {
	outline: 0;
	width: 30px;
	height: 30px;
	padding: 0 !important;
	display: block;
}

@media (min-width: 992px) {
	.navbar-icon .user-menu .dropdown-menu {
		min-width: 3rem;
		right: 0;
	}

	.navbar-icon .notification .dropdown-menu,
	.navbar-icon .quick-actions .dropdown-menu,
	.navbar-icon .user-menu .dropdown-menu {
		top: 32px;
	}
}

.navbar-icon .user-menu .dropdown-item {
	position: relative;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 13px;
	color: #494c57;
	font-weight: 600;
	margin: 0;
}

.navbar-icon .user-menu .dropdown-item:before {
	display: none;
}

.navbar-icon .user-menu .dropdown-item i,
.navbar-icon .user-menu .dropdown-item svg {
	font-size: 22px;
	margin-right: 10px;
	width: 20px;
	text-align: center;
}

.navbar-icon .user-menu .dropdown-item:focus,
.navbar-icon .user-menu .dropdown-item:hover {
	background-color: transparent;
	color: var(--bs-primary);
}

.navbar-icon .user-menu .dropdown-item + .dropdown-item {
	border-top: 1px dotted #ced4da;
}

.navbar-icon .user-menu .dropdown-item:last-child {
	margin-bottom: 10px;
}

@media (min-width: 576px) {
	.user-menu.show .img-user:before {
		display: block;
	}
}

.user-menu.show .dropdown-menu {
	display: block;
}
.user-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0 20px;
}

.user-header .img-user {
	width: 70px;
	height: 70px;
	margin-bottom: 20px;
}

@media (min-width: 576px) {
	.user-header .img-user {
		width: 70px;
		height: 70px;
	}
}

.user-header .img-user:after {
	display: none;
}

.user-header h6 {
	font-size: 24px;
	font-weight: 700;
	color: #212229;
	margin-bottom: 0;
}

@media (min-width: 576px) {
	.user-header h6 {
		font-size: 18px;
	}
}

.user-header span {
	display: block;
	font-size: 13px;
	color: #70737c;
}

.navbar-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100%;
	background-color: #1c1f22;
	border-top: 1px solid #3a4046;
}

.icon i {
	display: block;
	min-width: 1.5em;
	min-height: 1.5em;
	text-align: center;
	font-size: 24px;
}

@media (min-width: 768px) {
	.navbar-user {
		margin-right: -1.5rem;
		padding: 1rem;
	}

	.settings {
		position: relative;
	}

	.navbar-user .settings .dropdown-menu {
		top: auto !important;
		bottom: 100%;
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-user .settings .dropdown-menu {
		left: 50% !important;
		-webkit-transform: translateX(-50%) !important;
		-ms-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
	}
}

/** Mapa **/
#mapa {
	height: 200px;
	width: 100%;
}
.link-especial {
	text-decoration: underline;
	cursor: pointer;
}
.contador-car {
	font-size: 0.8rem;
}
.link-underlined {
	text-decoration: underline;
	cursor: pointer;
}

.tabla-bordeada td,
.tabla-bordeada th {
	border: 1px solid;
	padding: 0.35rem;
}

.del {
	width: 0px;
	height: 0px;
	color: transparent;
}
.fa-op {
	line-height: inherit;
}
.img-fluid {
	width: 100%;
}

/** General **/
a.basic-link {
	text-decoration: none;
	background-image: none;
}
.custom-rounded {
	border-radius: 2em;
}
#username-error-message,
#email-error-message {
	display: block;
	width: 100%;
}
.no_view {
	font-size: 0;
}
/** Buscador genérico **/
#live-search-results {
	max-height: 180px;
	overflow-y: auto;
	border-radius: 0 0 5px 5px;
	z-index: 1200;
	width: 100%;
	box-sizing: border-box;
}

#live-search-results .list-group-item {
	padding: 10px;
}
/* Ocultar el botón de borrado en el campo de búsqueda */
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
}

/** GastroRank **/
.d-gastro {
	font-weight: 500;
	font-size: 1.2rem;
	color: #ffb14f;
}
.d-rank {
	font-weight: 700;
	font-size: 1.2rem;
}
.gastro-card {
	letter-spacing: normal;
}

/* =====================
   ENTIDAD VIEW STYLES (moved from inline)
   ===================== */

/* Image and hover effects */
.hero-image:hover + .image-overlay,
.image-overlay:hover {
	opacity: 1 !important;
}

.transition-opacity {
	transition: opacity 0.3s ease;
}

.transition-all {
	transition: all 0.3s ease;
}

.hover-shadow:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}

.feature-item:hover,
.specialty-item:hover {
	background-color: #f8f9fa !important;
}

/* Social buttons */
.social-btn {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.social-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Rating and opening hours */
.rating-stars i {
	font-size: 0.9rem;
}

.opening-hours .border-bottom:last-child {
	border-bottom: none !important;
}

.day-name {
	min-width: 80px;
}

.hours {
	font-size: 0.8rem;
}

/* Dynamic Content Sections Styles */
.card-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header h5 {
	font-weight: 600;
}

.similar-guachinche-item {
	transition: all 0.3s ease;
	border: 1px solid #e9ecef;
}

.similar-guachinche-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-color: #007bff;
}

.dynamic-section-card .card-body p {
	line-height: 1.6;
	font-size: 0.95rem;
}

/* CTA Enhancements */
.cta-phone {
	background: linear-gradient(135deg, #ffc107 0%, #ff8f00 100%) !important;
	border: none !important;
	box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3);
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}

.cta-phone:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 193, 7, 0.4);
	background: linear-gradient(135deg, #ff8f00 0%, #ffc107 100%) !important;
}

.cta-whatsapp {
	background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
	border: none !important;
	box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
}

.cta-whatsapp:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
	background: linear-gradient(135deg, #128c7e 0%, #25d366 100%) !important;
}

.action-buttons .cta-section small {
	font-size: 0.75rem;
	line-height: 1.3;
}

.action-buttons .share-section h6 {
	font-size: 0.85rem;
	margin-bottom: 0.75rem !important;
}

.action-buttons .btn-sm.rounded-circle {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.action-buttons .btn-sm.rounded-circle:hover {
	transform: scale(1.1);
}

/* MAP INTERACTION IMPROVEMENTS */
.map-overlay {
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(2px);
	cursor: pointer;
	transition: opacity 0.3s ease;
	z-index: 10;
}

.map-overlay:hover {
	background: rgba(255, 255, 255, 0.9);
}

.map-overlay-content {
	max-width: 200px;
	border: 1px solid rgba(0, 123, 255, 0.2);
	animation: pulse-gentle 2s infinite;
}

@keyframes pulse-gentle {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.02);
	}
}

.map-container.map-active .map-overlay {
	opacity: 0;
	pointer-events: none;
}

.map-container {
	border-radius: 0;
	overflow: hidden;
}

#mapa {
	transition: filter 0.3s ease;
}

.map-container:not(.map-active) #mapa {
	filter: blur(1px);
}

/* SOCIAL ARTICLES STYLES */
.social-articles-link .btn {
	transition: all 0.3s ease;
}

.social-articles-link .btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
	opacity: 0.9;
}

.social-article-card {
	transition: all 0.3s ease;
	background: #fff;
	border: 1px solid #e9ecef !important;
	overflow: hidden;
}

.social-article-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	border-color: #007bff !important;
}

.social-embed-container {
	margin: 1rem 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.social-embed-container .instagram-media,
.social-embed-container .twitter-tweet,
.social-embed-container .tiktok-embed,
.social-embed-container .fb-post {
	margin: 0 auto !important;
	max-width: 100% !important;
	width: 100% !important;
	box-sizing: border-box;
}

.social-embed-container .instagram-media {
	min-width: auto !important;
	max-width: 100% !important;
	width: 100% !important;
}

.youtube-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	border-radius: 8px;
}

.youtube-embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 8px;
}

.social-embed-container .tiktok-embed {
	max-width: 100% !important;
	min-width: auto !important;
	width: 100% !important;
}

.social-link-preview {
	transition: all 0.3s ease;
}

.social-link-preview:hover {
	background-color: #f8f9fa !important;
	border-color: #007bff !important;
}

.social-article-footer .btn {
	transition: all 0.3s ease;
}

.social-article-footer .btn:hover {
	transform: translateY(-1px);
}

/* PRESS ARTICLES STYLES */
.press-articles-link .btn {
	transition: all 0.3s ease;
}

.press-articles-link .btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4);
	opacity: 0.9;
}

.press-article-card {
	transition: all 0.3s ease;
	background: #fff;
	border: 1px solid #e9ecef !important;
	overflow: hidden;
}

.press-article-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	border-color: #28a745 !important;
}

.press-link-preview {
	transition: all 0.3s ease;
	cursor: pointer;
}

.press-link-preview:hover {
	background-color: #f8f9fa !important;
	border-color: #28a745 !important;
}

.press-article-footer .btn {
	transition: all 0.3s ease;
}

.press-article-footer .btn:hover {
	transform: translateY(-1px);
}

/* PROMOTIONS STYLES */
.promotion-card {
	transition: all 0.3s ease;
	background: #fff;
	border: 1px solid #e9ecef !important;
	overflow: hidden;
}

.promotion-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	border-color: #ffc107 !important;
}

.promotion-icon {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	object-fit: cover;
	border: 2px solid #f8f9fa;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.promotion-icon:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.promotion-icon-placeholder {
	width: 50px;
	height: 50px;
	border-radius: 8px;
	background: #f8f9fa;
	border: 2px solid #e9ecef;
}

.promotion-preview {
	transition: all 0.3s ease;
	cursor: pointer;
}

.promotion-preview:hover {
	background-color: #fff9e6 !important;
	border-color: #ffc107 !important;
}

.promotion-footer .btn {
	transition: all 0.3s ease;
}

.promotion-footer .btn:hover {
	transform: translateY(-1px);
}

/* COLLAPSIBLE CARDS STYLES */
.card-header button.btn-link {
	border: none;
	background: transparent;
	font-size: inherit;
	font-weight: inherit;
}

.card-header button.btn-link:focus {
	box-shadow: none;
}

.toggle-icon {
	transition: transform 0.3s ease;
	font-size: 0.8rem;
}

.toggle-icon.rotated,
button[aria-expanded="true"] .toggle-icon {
	transform: rotate(180deg);
}

.card-header {
	cursor: pointer;
}

/* Mobile optimization for CTAs and responsive styles */
@media (max-width: 768px) {
	.hero-image {
		height: 250px !important;
	}

	.sticky-top {
		position: relative !important;
		top: auto !important;
	}

	.similar-guachinche-item {
		margin-bottom: 0.5rem;
	}

	/* Fixed CTA container only for phone and WhatsApp buttons */
	.mobile-fixed-cta {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: white;
		border-top: 1px solid #e9ecef;
		padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom));
		z-index: 1030;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
		gap: 0.5rem;
	}

	/* Llamar y WhatsApp en una sola fila para ocupar menos pantalla */
	.mobile-fixed-cta > div {
		flex: 1 1 0;
		min-width: 0;
		margin: 0 !important;
	}

	.mobile-fixed-cta .btn-lg {
		font-size: 0.95rem;
		padding: 0.6rem 0.5rem;
		white-space: nowrap;
	}

	/* Keep share and favorites sections normal (not fixed) */
	.share-section,
	.favorites-section {
		position: relative;
		background: transparent;
		border: none;
		padding: 0;
		z-index: auto;
		box-shadow: none;
	}

	/* Hueco inferior solo en páginas con la barra fija de CTAs (ficha de entidad) */
	body:has(.mobile-fixed-cta) {
		padding-bottom: 80px;
	}

	/* Ensure sidebar content doesn't get hidden behind fixed CTAs */
	.sidebar .sticky-top {
		position: relative !important;
		top: auto !important;
		z-index: auto;
	}

	/* Make sure fixed CTAs are always above sidebar content */
	.col-lg-4.sidebar {
		z-index: 1;
		position: relative;
	}

	.social-article-card,
	.press-article-card,
	.promotion-card {
		margin-bottom: 1rem;
	}

	.social-embed-container {
		margin: 0.5rem 0;
	}

	/* Mobile specific adjustments for embeds */
	.social-embed-container .instagram-media {
		min-width: 280px !important;
		max-width: 100% !important;
	}

	.youtube-container {
		padding-bottom: 60%;
	}

	.social-embed-container .tiktok-embed {
		max-width: 100% !important;
		min-width: 280px !important;
	}
}

/* Desktop - no overlay needed */
@media (min-width: 769px) {
	.map-overlay {
		display: none !important;
	}

	#mapa {
		filter: none !important;
	}
}

/* Very small screens */
@media (max-width: 480px) {
	.social-embed-container .instagram-media {
		min-width: 250px !important;
	}

	.social-embed-container .tiktok-embed {
		min-width: 250px !important;
	}
}

/* ====================================
   INICIO (views/liston/index.php)
   ==================================== */
.inicio-hero__marca {
	color: var(--bs-primary);
}

.inicio-hero__subtitulo {
	color: rgba(255, 255, 255, 0.85);
	max-width: 600px;
}

.inicio-buscador .card {
	background-color: rgba(255, 255, 255, 0.95);
}

.inicio-buscador .btn-search {
	min-width: 120px;
	font-weight: 600;
}

.inicio-sugerencia {
	font-size: 0.875rem;
}

/* Cifras */
.inicio-cifras {
	position: relative;
	z-index: 2;
	margin-top: -3rem;
	margin-bottom: 2.5rem;
}

.inicio-cifra {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: 1.25rem 0.75rem;
	background: #fff;
	border-radius: 1rem;
	box-shadow: 0 10px 30px rgba(25, 30, 37, 0.08);
	color: inherit;
	text-decoration: none;
}

.inicio-cifra--enlace:hover {
	color: inherit;
	box-shadow: 0 10px 30px rgba(var(--bs-primary-rgb), 0.25);
}

.inicio-cifra__num {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.1;
	color: var(--bs-primary);
	font-variant-numeric: tabular-nums;
}

.inicio-cifra__label {
	margin-top: 0.25rem;
	font-size: 0.875rem;
	color: #6c757d;
}

/* Secciones */
.inicio-seccion {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.inicio-seccion__cabecera {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.inicio-seccion__titulo {
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.inicio-seccion__intro {
	color: #6c757d;
	margin-bottom: 1rem;
	max-width: 720px;
}

.inicio-etiqueta {
	display: inline-block;
	margin-bottom: 0.5rem;
	padding: 0.25rem 0.75rem;
	border-radius: 50rem;
	background: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
	font-size: 0.8125rem;
	font-weight: 600;
}

.inicio-nota {
	margin: 1rem 0 0;
	font-size: 0.8125rem;
	color: #6c757d;
}

/* Tarjetas de guachinche */
.inicio-card {
	position: relative;
	background: #fff;
	box-shadow: 0 4px 18px rgba(25, 30, 37, 0.07);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.inicio-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 32px rgba(25, 30, 37, 0.12);
}

.inicio-card__img {
	position: relative;
	overflow: hidden;
	background: #f8f4f3;
}

.inicio-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.inicio-card:hover .inicio-card__img img {
	transform: scale(1.05);
}

.inicio-card__badge {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
}

.inicio-card--compacta .inicio-card__img {
	aspect-ratio: 3 / 2;
}

.inicio-card--horizontal {
	display: flex;
	flex-direction: row;
}

.inicio-card--horizontal {
	min-height: 200px;
}

.inicio-card--horizontal .inicio-card__img {
	flex: 0 0 40%;
	height: 200px;
	align-self: center;
}

.inicio-card__body {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1rem;
}

.inicio-card__rating {
	font-size: 0.875rem;
}

.inicio-card__titulo {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.3;
}

.inicio-card__titulo a {
	color: inherit;
	text-decoration: none;
}

.inicio-card__titulo a:hover {
	color: var(--bs-primary);
}

.inicio-card__lugar,
.inicio-card__horario {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #6c757d;
}

.inicio-card__horario .fa-clock {
	color: var(--bs-success);
}

.inicio-card__tel {
	position: relative;
	z-index: 2;
	align-self: flex-start;
	font-size: 0.8125rem;
	font-weight: 600;
	color: inherit;
	text-decoration: none;
}

.inicio-card__tel:hover {
	color: var(--bs-primary);
}

.inicio-card__servicios {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0.25rem 0 0;
	padding: 0;
	list-style: none;
	color: var(--bs-primary);
}

@media (max-width: 575.98px) {
	.inicio-card--horizontal {
		flex-direction: column;
	}

	.inicio-card--horizontal {
		min-height: 0;
	}

	.inicio-card--horizontal .inicio-card__img {
		aspect-ratio: 3 / 2;
		height: auto;
	}

	.inicio-card--compacta .inicio-card__body {
		padding: 0.75rem;
	}

	.inicio-card--compacta .inicio-card__titulo {
		font-size: 0.95rem;
	}
}

/* Zonas y chips de enlaces */
.inicio-zona {
	padding: 1.25rem;
	border-radius: 1rem;
	background: #f8f4f3;
}

.inicio-zona__titulo {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.5rem;
	font-size: 1.15rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

.inicio-zona__num {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #6c757d;
}

.inicio-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.inicio-chips a {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.4rem 0.85rem;
	border-radius: 50rem;
	background: #fff;
	border: 1px solid rgba(25, 30, 37, 0.08);
	color: #191e25;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.inicio-chips a span {
	padding: 0 0.45rem;
	border-radius: 50rem;
	background: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
	font-size: 0.75rem;
	font-weight: 700;
}

.inicio-chips a:hover {
	background: var(--bs-primary);
	color: #fff;
}

.inicio-chips a:hover span {
	background: rgba(255, 255, 255, 0.25);
	color: #fff;
}

/* Guía + FAQ */
.inicio-ventajas {
	margin: 1rem 0 1.5rem;
	padding: 0;
	list-style: none;
}

.inicio-ventajas li {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.35rem 0;
}

.inicio-ventajas i {
	width: 1.25rem;
	text-align: center;
	color: var(--bs-primary);
}

.inicio-faq details {
	border-bottom: 1px solid rgba(25, 30, 37, 0.1);
	padding: 0.9rem 0;
}

.inicio-faq summary {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	cursor: pointer;
	font-weight: 600;
	list-style: none;
}

.inicio-faq summary::-webkit-details-marker {
	display: none;
}

.inicio-faq summary::after {
	content: "+";
	color: var(--bs-primary);
	font-size: 1.25rem;
	line-height: 1;
}

.inicio-faq details[open] summary::after {
	content: "\2212";
}

.inicio-faq details p {
	margin: 0.75rem 0 0;
	color: #555;
}

/* CTA */
.inicio-cta {
	background: linear-gradient(135deg, var(--bs-primary) 0%, #c22d12 100%);
}

@media (prefers-reduced-motion: reduce) {
	.inicio-card,
	.inicio-card__img img {
		transition: none;
	}
}

/* ====================================
   LISTADO / FILTROS (views/liston/filtrar/index.php)
   ==================================== */
.filtros-cabecera {
	margin-bottom: 0.75rem;
}

.filtros-cabecera__titulo {
	font-size: 1.35rem;
	font-weight: 700;
	margin: 0 0 0.25rem;
}

.filtros-cabecera__intro {
	font-size: 0.875rem;
	color: #6c757d;
	margin: 0;
}

/* Filtros rápidos: en varias líneas (una fila deslizable parecía cortada en el móvil) */
.filtros-rapidos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding: 0.25rem 1rem 0.75rem;
}

.filtro-rapido {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	flex: 0 0 auto;
	min-height: 38px;
	padding: 0.4rem 0.9rem;
	border: 1px solid rgba(25, 30, 37, 0.12);
	border-radius: 50rem;
	background: #fff;
	color: #191e25;
	font-size: 0.875rem;
	font-weight: 500;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.filtro-rapido i {
	color: var(--bs-primary);
}

.filtro-rapido.activo {
	background: var(--bs-primary);
	border-color: var(--bs-primary);
	color: #fff;
}

.filtro-rapido.activo i {
	color: #fff;
}

.filtros-aviso {
	font-size: 0.8125rem;
	color: #6c757d;
	margin: 0 0 0.75rem;
}

.filtros-resumen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}

.filtros-resumen__num {
	font-size: 0.95rem;
}

.filtros-resumen__orden {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	color: #6c757d;
}

.filtros-resumen__orden .form-select {
	width: auto;
	max-width: 190px;
}

@media (min-width: 1200px) {
	.filtros-rapidos {
		padding: 0.25rem 0 1rem;
	}
}

/* Opciones del panel como chips (horario, distancia, características, especialidades) */
.filtros-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.filtros-chips .custom-checkbox,
.filtros-chips .custom-checkbox:hover {
	display: inline-flex;
	margin: 0;
	padding: 0;
	background: none;
}

.filtros-chips .custom-checkbox .form-check-input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	pointer-events: none;
}

.filtros-chips .custom-checkbox .form-check-label {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	min-height: 36px;
	padding: 0.35rem 0.8rem;
	border: 1px solid rgba(25, 30, 37, 0.12);
	border-radius: 50rem;
	background: #fff;
	font-size: 0.875rem;
	cursor: pointer;
	user-select: none;
}

.filtros-chips .custom-checkbox .form-check-label i {
	color: var(--bs-primary);
}

.filtros-chips .custom-checkbox .form-check-label small {
	color: #6c757d;
	font-size: 0.75rem;
}

.filtros-chips .form-check-input:checked + .form-check-label {
	background: var(--bs-primary);
	border-color: var(--bs-primary);
	color: #fff;
}

.filtros-chips .form-check-input:checked + .form-check-label i,
.filtros-chips .form-check-input:checked + .form-check-label small {
	color: #fff;
}

.filtros-chips .form-check-input:focus-visible + .form-check-label {
	outline: 2px solid var(--bs-primary);
	outline-offset: 2px;
}

.filtros-ubicacion {
	font-size: 0.8125rem;
	color: #6c757d;
}

/* Tarjeta de resultado */
.fcard {
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 4px 18px rgba(25, 30, 37, 0.07);
}

.fcard__img {
	position: relative;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: #f8f4f3;
}

.fcard__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fcard__fav {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 3;
}

.fcard__body {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	padding: 0.9rem 1rem 1rem;
}

.fcard__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.75rem;
	font-size: 0.8125rem;
}

.fcard__rating {
	font-weight: 600;
}

.fcard__rating i {
	color: #ffb400;
}

.fcard__rating span {
	font-weight: 400;
	color: #6c757d;
}

.fcard__dist {
	color: var(--bs-primary);
	font-weight: 600;
}

.fcard__titulo {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.25;
}

.fcard__titulo a {
	color: inherit;
	text-decoration: none;
}

.fcard__titulo a:hover {
	color: var(--bs-primary);
}

.fcard__lugar {
	margin: 0;
	font-size: 0.8125rem;
	color: #6c757d;
}

.fcard__lugar i {
	color: var(--bs-primary);
}

.fcard__estado {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
}

.fcard__estado::before {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.4rem;
	border-radius: 50%;
	background: currentColor;
	vertical-align: 0.05em;
}

.fcard__estado--abierto {
	color: #198754;
}

.fcard__estado--abre {
	color: #b76e00;
}

.fcard__estado--cerrado {
	color: #6c757d;
}

.fcard__servicios {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 0.2rem 0 0;
	padding: 0;
	list-style: none;
	color: var(--bs-primary);
	font-size: 0.875rem;
}

.fcard__acciones {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.fcard__acciones .btn {
	flex: 1 1 0;
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50rem;
	font-weight: 600;
	white-space: nowrap;
}

/* Móvil: tarjeta compacta horizontal (5-6 guachinches por pantalla) */
@media (max-width: 575.98px) {
	.fcard {
		display: grid;
		grid-template-columns: 108px 1fr;
		border-radius: 0.85rem;
	}

	.fcard__img {
		aspect-ratio: auto;
		height: 100%;
		min-height: 108px;
	}

	.fcard__body {
		padding: 0.65rem 0.75rem 0.75rem;
		gap: 0.2rem;
		min-width: 0;
	}

	.fcard__titulo {
		font-size: 0.98rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.fcard__servicios {
		display: none;
	}

	.fcard__acciones {
		margin-top: 0.35rem;
	}

	.fcard__acciones .btn {
		min-height: 34px;
		padding: 0.25rem 0.5rem;
		font-size: 0.8125rem;
	}

	.fcard__fav {
		top: 0.35rem;
		right: auto;
		left: 0.35rem;
		width: 32px;
		height: 32px;
	}
}

/* Barra de herramientas del listado: Filtros, Mapa, nº de resultados y orden.
   En móvil/tablet queda fija arriba al hacer scroll (abajo la taparía el anuncio fijo de AdSense) */
.filtros-toolbar {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.filtros-toolbar__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 38px;
	padding: 0 0.9rem;
	border: 0;
	border-radius: 50rem;
	background: #191e25;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 600;
	white-space: nowrap;
}

.filtros-toolbar__badge {
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 0.35rem;
	border-radius: 50rem;
	background: var(--bs-primary);
	font-size: 0.75rem;
}

.filtros-toolbar__num {
	flex: 1 1 auto;
	font-size: 0.95rem;
	white-space: nowrap;
}

.filtros-toolbar__orden {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 0 auto;
	color: #6c757d;
}

.filtros-toolbar__orden .form-select {
	width: auto;
	max-width: 170px;
	min-height: 38px;
}

@media (max-width: 1199.98px) {
	.filtros-toolbar {
		position: sticky;
		top: 0;
		z-index: 1030;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		background: var(--bs-light);
		box-shadow: 0 6px 12px -10px rgba(25, 30, 37, 0.35);
	}
}

@media (max-width: 575.98px) {
	/* En móvil el nº de resultados ocuparía el sitio de los botones: va en su propia línea */
	.filtros-toolbar {
		flex-wrap: wrap;
	}

	.filtros-toolbar__num {
		order: 3;
		flex-basis: 100%;
		font-size: 0.8125rem;
		color: #6c757d;
	}

	.filtros-toolbar__orden .form-select {
		max-width: 150px;
		font-size: 0.8125rem;
	}

	.filtro-rapido {
		min-height: 34px;
		padding: 0.3rem 0.75rem;
		font-size: 0.8125rem;
	}

	.filtro-rapido--extra {
		display: none;
	}
}

@media (max-width: 1199.98px) {
	/* Panel de filtros cerrado: fuera del todo. El tema solo lo desplazaba fuera de la pantalla
	   (translateX(100%)) y en móvil ensanchaba la página (375px → 446px): se veía cortada/con zoom */
	.js-sidebar-filters-mobile:not(.active) {
		display: none !important;
	}

	/* Botón "Ver resultados" siempre visible al final del panel de filtros */
	.sidebar-filters .filter-actions {
		position: sticky;
		bottom: 0;
		z-index: 2;
		margin: 0 -0.5rem;
		padding: 0.75rem 0.5rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
		background: #fff;
	}
}

/* Paginación del listado: en varias líneas (13 páginas en una fila ensanchaban la página en móvil) */
.items-content .pagination {
	flex-wrap: wrap;
	gap: 0.35rem;
	padding: 0 1rem;
}

.items-content .pagination .page-numbers {
	min-width: 40px;
	min-height: 40px;
	margin: 0;
}

@media (max-width: 1199.98px) {
	/* Mapa a pantalla completa por encima de la cabecera (el menú tiene z-index 999998 forzado
	   en la vista y tapaba el botón de cerrar el mapa) */
	.map-content.active {
		z-index: 999999 !important;
	}

	/* Panel de filtros: altura real de la pantalla y un único scroll, para que el pie con
	   "Ver resultados" quede pegado abajo del todo (antes asomaban opciones por debajo) */
	.js-sidebar-filters-mobile.active {
		height: 100vh;
		height: 100dvh;
	}

	/* (más específico que la regla del <style> de la vista, que se carga después) */
	.js-sidebar-filters-mobile.enhanced-filters .sidebar-filters-body {
		max-height: none;
		/* clip (no hidden): la vista fuerza overflow-x hidden !important, que lo convertía en
		   contenedor de scroll y el pie "sticky" dejaba de quedarse abajo */
		overflow-x: clip !important;
		overflow-y: visible !important;
	}

	/* Cerrar mapa arriba a la derecha (a la izquierda tapaba el zoom) */
	.map-content .inner-wrap--top {
		left: auto !important;
		right: 0;
		width: auto !important;
		pointer-events: none;
	}

	.map-content .map-close-icon {
		pointer-events: auto;
	}

	/* Pie del panel en una línea: "Limpiar" pequeño + "Ver resultados" */
	.sidebar-filters .filter-actions {
		display: flex;
		flex-direction: row-reverse;
		gap: 0.5rem;
	}

	.sidebar-filters .filter-actions > .btn {
		flex: 1 1 auto;
		margin-bottom: 0 !important;
	}

	.sidebar-filters .filter-actions > .row {
		flex: 0 0 auto;
		margin: 0;
	}

	.sidebar-filters .filter-actions > .row > .col-12 {
		width: auto;
		padding: 0;
	}

	.sidebar-filters .filter-actions > .row .btn {
		height: 100%;
		display: inline-flex;
		align-items: center;
		white-space: nowrap;
	}
}

@media (max-width: 575.98px) {
	/* Filtros + Mapa + orden en una sola fila a 360-390px */
	.filtros-toolbar {
		gap: 0.4rem;
	}

	.filtros-toolbar__btn {
		padding: 0 0.7rem;
	}

	.filtros-toolbar__orden {
		flex: 1 1 0;
		min-width: 0;
	}

	.filtros-toolbar__orden .form-select {
		width: 100%;
		max-width: none;
	}
}

/* Inicio: título de zona enlazado a su listado (/filtrar/por/area/...) */
.inicio-zona__titulo a {
	color: inherit;
	text-decoration: none;
}

.inicio-zona__titulo a:hover {
	color: var(--bs-primary);
}

/* ====================================
   FICHA DE GUACHINCHE (views/liston/entidad/view.php)
   ==================================== */
.ficha-titulo {
	font-size: clamp(1.6rem, 5vw, 2.6rem);
	line-height: 1.15;
}

/* Estado de hoy (abierto / cierra pronto / abre / cerrado) */
.ficha-estado {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0 0 0.5rem;
	font-weight: 700;
}

.ficha-estado::before {
	content: "";
	flex: 0 0 auto;
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 18%, transparent);
}

.ficha-estado--abierto {
	color: #198754;
}

.ficha-estado--cierra,
.ficha-estado--abre {
	color: #b76e00;
}

.ficha-estado--cerrado {
	color: #6c757d;
}

.ficha-estado--tarjeta {
	padding: 0.9rem 1rem;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 4px 18px rgba(25, 30, 37, 0.07);
	margin-bottom: 1.5rem;
}

.ficha-horario {
	margin: 0.5rem 0 0;
	padding: 0;
	list-style: none;
	font-size: 0.875rem;
}

.ficha-horario li {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.3rem 0.5rem;
	border-radius: 0.5rem;
}

.ficha-horario li.es-hoy,
#horarios .es-hoy {
	background: rgba(var(--bs-primary-rgb), 0.08);
	font-weight: 700;
}

#horarios .es-hoy {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
	border-radius: 0.5rem;
}

/* Navegación por secciones (antes 6 botones de colores) */
.ficha-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.ficha-nav a {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 36px;
	padding: 0.35rem 0.85rem;
	border: 1px solid rgba(25, 30, 37, 0.12);
	border-radius: 50rem;
	background: #fff;
	color: #191e25;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
}

.ficha-nav a i {
	color: var(--bs-primary);
}

.ficha-nav a span {
	padding: 0 0.45rem;
	border-radius: 50rem;
	background: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
	font-size: 0.75rem;
	font-weight: 700;
}

.ficha-nav a:hover {
	border-color: var(--bs-primary);
	color: var(--bs-primary);
}

/* Características y especialidades como chips */
.ficha-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ficha-chips a {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.45rem 0.85rem;
	border-radius: 50rem;
	background: #f8f4f3;
	color: #191e25;
	font-size: 0.9rem;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.ficha-chips a i {
	color: var(--bs-primary);
}

.ficha-chips a:hover {
	background: var(--bs-primary);
	color: #fff;
}

.ficha-chips a:hover i {
	color: #fff;
}

/* Foto principal */
.ficha-foto {
	height: 400px;
	object-fit: cover;
}

@media (max-width: 767.98px) {
	.ficha-foto {
		height: 220px !important;
	}

	/* Barra fija inferior: Llamar · Cómo llegar · WhatsApp */
	.mobile-fixed-cta {
		gap: 0.5rem;
	}

	.mobile-fixed-cta > .btn {
		flex: 1 1 0;
		min-width: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
		padding: 0.6rem 0.4rem;
		border-radius: 50rem;
		font-size: 0.875rem;
		font-weight: 600;
		white-space: nowrap;
	}
}

/* ==========================================================================
   Layout (antes en un bloque <style> embebido en views/liston/layout.php)
   ========================================================================== */
.modal { z-index: 1050 !important; }
.modal-backdrop { z-index: 1040 !important; }
@media (max-width: 768px) {
    .modal { z-index: 1060 !important; }
    .modal-backdrop { z-index: 1055 !important; }
    .navbar { z-index: 1030 !important; }
}
img { max-width: 100%; height: auto; }
.lazy { opacity: 0; transition: opacity 0.3s; }
.lazy.loaded { opacity: 1; }
.dropdown-menu { z-index: 1055 !important; }
.modal .modal-title::after { display: none !important; }

/* Selector de idioma */
.dropdown-language .dropdown-item { padding: 0.5rem 0.75rem; border: none; transition: all 0.2s ease; display: flex; align-items: center; color: #333; text-decoration: none; }
.dropdown-language .dropdown-item:hover,
.dropdown-language .dropdown-item:focus { background-color: #f8f9fa; color: #0d6efd; }
.flag-text { font-size: 0.875rem; font-weight: 500; white-space: nowrap; }
.menu-primary .flag-text { font-weight: 600; }
.menu-primary .fa-chevron-down { font-size: 0.7rem; }
.dropdown-toggle .fa-chevron-down { transition: transform 0.2s ease; }
.dropdown-toggle[aria-expanded="true"] .fa-chevron-down { transform: rotate(180deg); }
@media (max-width: 768px) {
    .dropdown-language { min-width: 140px; }
    .flag-text { font-size: 0.8rem; }
}

/* Cabecera: buscador y botones (antes con style="" en el HTML) */
.buscador-cabecera { padding: 0; }
.buscador-cabecera .form-control { border-radius: 0; padding: 0 2.5rem 0 1.5rem; }
.buscador-cabecera .buscador-icono { cursor: pointer; }
.navbar-toggler.toggler-cabecera { float: left; padding-top: 20px; }
.navbar-icon.iconos-cabecera { float: right; }
.btn-anadir { background-color: #f84525; border-color: #f84525; color: #fff; border-radius: 8px; font-weight: 500; transition: background-color 0.3s ease; }
.btn-anadir:hover, .btn-anadir:focus { background-color: #e03d1e; border-color: #e03d1e; color: #fff; }

/* Listado: cabecera del panel de filtros en móvil (antes style="" en el HTML) */
.filtros-cabecera-movil { position: relative; z-index: 1000000; }
.filtros-cabecera-movil .filter-close { position: relative; z-index: 1000001; }
.filter-count-badge:not(.d-none) { display: flex; }

/* Ficha (antes style="" en views/liston/entidad/view.php) */
.ficha-sidebar-sticky { top: 20px; }
.ficha-mapa { height: 200px; }
.opinion-avatar__vacio { width: 50px; height: 50px; font-size: 1.2rem; }
.opinion-photo { height: 80px; width: 100%; object-fit: cover; cursor: pointer; }
.opinion-tabs { overflow-x: auto; overflow-y: hidden; }
.similar-guachinche-item__img { width: 60px; height: 60px; object-fit: cover; }
.opiniones-barra { width: 100%; height: 8px; appearance: none; border: 0; border-radius: 4px; background-color: var(--bs-danger, #dc3545); overflow: hidden; }
.opiniones-barra::-webkit-progress-bar { background-color: var(--bs-danger, #dc3545); }
.opiniones-barra::-webkit-progress-value { background-color: var(--bs-success, #198754); }
.opiniones-barra::-moz-progress-bar { background-color: var(--bs-success, #198754); }
.youtube-container { position: relative; aspect-ratio: 16 / 9; }
.youtube-container .youtube-embed { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.texto-plegable p:last-of-type { margin-bottom: 0; }

/* Qué hacer / Qué visitar (antes <style> embebido en sus vistas) */
.contenido-hero--primary { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.contenido-hero--success { background: linear-gradient(135deg, #28a745 0%, #20c997 100%); }
.subcategoria-card { height: 300px; border-radius: 15px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
.subcategoria-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); }
.subcategoria-image { width: 100%; height: 300px; border-radius: 15px; overflow: hidden; position: relative; }
.subcategoria-image img { width: 100%; height: 300px; object-fit: cover; display: block; }
.subcategoria-card .placeholder-image { width: 100%; height: 300px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.subcategoria-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 100%); }
.subcategoria-content { z-index: 2; transition: all 0.3s ease; padding: 1.5rem; }
.subcategoria-title { transition: transform 0.3s ease; font-size: 1.25rem; color: #fff; }
.subcategoria-description { opacity: 0; transform: translateY(20px); transition: all 0.3s ease; max-height: 0; overflow: hidden; color: #fff; }
.subcategoria-card:hover .subcategoria-title { transform: translateY(-15px); }
.subcategoria-card:hover .subcategoria-description { opacity: 1; transform: translateY(0); max-height: 80px; }

/* ======================================================================
   Fase 4: acceso, "Mi cuenta", perfil público, "Mi guachinche" y acciones
   ====================================================================== */
.auth-card { max-width: 480px; border-radius: 1rem; }
.auth-separador { display: flex; align-items: center; gap: .75rem; color: #6c757d; }
.auth-separador::before,
.auth-separador::after { content: ""; flex: 1; border-top: 1px solid #dee2e6; }
.form-label.required::after { content: " *"; color: #dc3545; }
.min-w-0 { min-width: 0; }

.cuenta-foto { width: 64px; height: 64px; object-fit: cover; flex-shrink: 0; }
.cuenta-miniatura { width: 64px; height: 64px; object-fit: cover; flex-shrink: 0; }
.cuenta-codigo { max-width: 220px; letter-spacing: .5rem; font-weight: 600; }
.sidebar-logout { display: flex; align-items: center; width: 100%; padding: 10px 20px; color: inherit; text-decoration: none; text-align: start; }
.sidebar-logout:hover { color: #dc3545; }

.logro-tarjeta { background: #fff; }
.logro-tarjeta--obtenido { border-color: #ffc107 !important; background: #fffdf5; }
.logro-icono { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #f1f3f5; font-size: 1.25rem; }
.logro-barra { height: 6px; margin-bottom: .25rem; }
.logro-progreso { width: 0; transition: width .6s ease; }

.perfil-foto { width: 120px; height: 120px; object-fit: cover; border: 4px solid #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .1); }
.perfil-mini { display: flex; flex-direction: column; align-items: center; width: 72px; text-align: center; }
.perfil-mini span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.perfil-favorito { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.negocio-foto { max-height: 140px; max-width: 100%; object-fit: cover; }
.negocio-horario input[type="time"] { min-width: 105px; }
.negocio-mes { width: 90px; flex-shrink: 0; }

.opinion-actions { border-top: 1px solid #f1f3f5; padding-top: .75rem; }
.opinion-reactions .btn { min-width: 3.25rem; }

/* =====================================================================================
   Comunidad 2.0: ficha (lo esencial, valoraciones, acciones, novedades), niveles y opiniones
   ===================================================================================== */

/* Resumen de valoraciones bajo el nombre */
.ficha-valoraciones {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
	color: #191e25;
	text-decoration: none;
}

.ficha-valoraciones__item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.8rem;
	border: 1px solid rgba(25, 30, 37, 0.1);
	border-radius: 50rem;
	background: #fff;
	font-size: 0.875rem;
}

.ficha-valoraciones__item span {
	color: #6c757d;
}

.ficha-valoraciones:hover .ficha-valoraciones__item {
	border-color: var(--bs-primary);
}

.ficha-ubicacion {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

.ficha-ubicacion .badge {
	white-space: normal;
	text-align: left;
}

/* Acciones del usuario (favorito, he estado, lista, quedada, compartir) */
.ficha-acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.ficha-acciones .btn {
	border-radius: 50rem;
	font-weight: 600;
}

.ficha-acciones__ayuda {
	margin: 0 0 1rem;
	font-size: 0.8rem;
	color: #6c757d;
}

/* Lo esencial: estado, horario, contacto y confianza */
.ficha-esencial {
	border-radius: 1rem;
}

.ficha-esencial .ficha-estado--tarjeta {
	margin-bottom: 0.5rem;
	box-shadow: none;
	background: #f8f9fa;
}

.ficha-esencial__proxima {
	margin: 0 0 0.75rem;
	font-weight: 600;
	color: #191e25;
}

.ficha-esencial__semana {
	margin-bottom: 1rem;
}

.ficha-esencial__botones {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
}

.ficha-esencial__botones .btn {
	border-radius: 50rem;
	font-weight: 600;
	white-space: nowrap;
}

.ficha-esencial__comunidad {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1rem;
	margin: 0.75rem 0 0;
	font-size: 0.85rem;
	color: #495057;
}

.ficha-esencial__comunidad i {
	margin-right: 0.3rem;
}

.ficha-confianza {
	margin-top: 1rem;
	padding-top: 0.75rem;
	border-top: 1px solid rgba(25, 30, 37, 0.08);
}

.ficha-confianza__estado {
	margin: 0 0 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #198754;
}

.ficha-confianza__pregunta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 0.875rem;
}

/* Novedades de la ficha */
.ficha-novedades {
	border-left: 4px solid #ffc107 !important;
}

.ficha-novedades__lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ficha-novedades__lista li {
	display: flex;
	gap: 0.75rem;
	padding: 0.4rem 0;
}

.ficha-novedades__lista li > i {
	margin-top: 0.25rem;
	color: var(--bs-primary);
}

.ficha-aporta__botones {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

/* Insignias de nivel (Novato ... Leyenda) */
.nivel-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	margin-left: 0.4rem;
	padding: 0.1rem 0.55rem;
	border-radius: 50rem;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.6;
	vertical-align: middle;
	color: #fff;
	background: #8d99ae;
}

.nivel--aprendiz { background: #43aa8b; }
.nivel--explorador { background: #277da1; }
.nivel--guachinchero { background: #7b2cbf; }
.nivel--experto { background: #e07a00; }
.nivel--maestro { background: #d1495b; }
.nivel--leyenda { background: linear-gradient(135deg, #b8860b, #d00000); }

/* Opiniones: orden, destacada y respuesta del guachinche */
.opiniones-orden {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.opinion-item--destacada {
	border: 2px solid #e07a00 !important;
	box-shadow: 0 6px 20px rgba(224, 122, 0, 0.12);
}

.opinion-destacada {
	margin: -0.25rem 0 0.75rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: #e07a00;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.opinion-respuesta {
	margin: 0 0 1rem 1rem;
	padding: 0.75rem 1rem;
	border-left: 3px solid var(--bs-primary);
	border-radius: 0 0.5rem 0.5rem 0;
	background: #f8f9fa;
	font-size: 0.9rem;
}

.opinion-respuesta__autor {
	margin: 0 0 0.25rem;
	font-weight: 700;
}

/* Modal "Añadir a una lista" */
.listas-modal {
	max-height: 40vh;
	overflow-y: auto;
	margin-bottom: 1rem;
}

.listas-modal__item {
	padding: 0.4rem 0;
	border-bottom: 1px solid rgba(25, 30, 37, 0.06);
}

.listas-modal__nueva {
	padding-top: 1rem;
	border-top: 1px solid rgba(25, 30, 37, 0.1);
}

/* Portada: accesos directos, cifras, comunidad */
.inicio-atajos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	margin-top: 1rem;
}

.inicio-atajos .btn {
	border-radius: 50rem;
	font-weight: 600;
}

.inicio-sugerencia-enlace {
	margin-left: 0.6rem;
	color: #fff;
	font-size: 0.875rem;
	text-decoration: underline;
}

.inicio-hero__cifras {
	margin: 1rem 0 0;
	text-align: center;
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.9rem;
}

.inicio-opinion {
	padding: 1rem 1.25rem;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 4px 18px rgba(25, 30, 37, 0.07);
}

.inicio-opinion__cabecera {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
	margin-bottom: 0.5rem;
}

.inicio-opinion__texto {
	margin-bottom: 0.25rem;
	color: #495057;
}

.inicio-ranking,
.inicio-unete {
	padding: 1rem 1.25rem;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 4px 18px rgba(25, 30, 37, 0.07);
}

.inicio-ranking ol {
	margin: 0;
	padding-left: 1.25rem;
}

.inicio-ranking li {
	padding: 0.3rem 0;
}

.inicio-ranking li a {
	font-weight: 600;
}

.inicio-unete {
	background: #fff8f6;
}

.inicio-unete__lista {
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
	font-size: 0.9rem;
}

.inicio-unete__lista li {
	display: flex;
	gap: 0.6rem;
	padding: 0.25rem 0;
}

.inicio-unete__lista i {
	margin-top: 0.2rem;
	color: var(--bs-primary);
}

/* Barra de progreso (nivel, pasaporte) */
.nivel-progreso {
	width: 100%;
	height: 0.6rem;
	border: 0;
	border-radius: 50rem;
	background: #e9ecef;
	overflow: hidden;
	appearance: none;
}

.nivel-progreso::-webkit-progress-bar {
	background: #e9ecef;
	border-radius: 50rem;
}

.nivel-progreso::-webkit-progress-value {
	background: var(--bs-primary);
	border-radius: 50rem;
}

.nivel-progreso::-moz-progress-bar {
	background: var(--bs-primary);
	border-radius: 50rem;
}

/* Listas */
.lista-tarjeta {
	position: relative;
	display: flex;
	gap: 0.85rem;
	padding: 0.85rem;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 4px 18px rgba(25, 30, 37, 0.07);
}

.lista-tarjeta__img {
	flex: 0 0 auto;
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 0.75rem;
}

.lista-tarjeta__titulo {
	margin: 0 0 0.2rem;
	font-size: 1rem;
	font-weight: 700;
}

.lista-tarjeta__titulo a {
	color: #191e25;
	text-decoration: none;
}

.lista-tarjeta__meta,
.lista-tarjeta__descripcion {
	margin: 0;
	font-size: 0.8rem;
	color: #6c757d;
}

.lista-cabecera {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
}

.lista-nota {
	margin: 0.4rem 0 0;
	font-size: 0.85rem;
	font-style: italic;
	color: #495057;
}

.cuenta-lista {
	padding: 0.85rem 0;
	border-top: 1px solid rgba(25, 30, 37, 0.08);
}

/* Comunidad */
.comunidad-ranking {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comunidad-ranking li {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.6rem 0;
	border-bottom: 1px solid rgba(25, 30, 37, 0.06);
}

.comunidad-ranking__pos {
	width: 1.75rem;
	text-align: center;
	font-weight: 800;
	color: #6c757d;
}

.comunidad-ranking__podio .comunidad-ranking__pos {
	color: #e07a00;
	font-size: 1.15rem;
}

.comunidad-niveles,
.comunidad-puntos {
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

.comunidad-niveles li,
.comunidad-puntos li {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.35rem 0;
	font-size: 0.9rem;
}

.comunidad-niveles .nivel-badge {
	min-width: 7.5rem;
	margin-left: 0;
}

.comunidad-puntos li span {
	flex: 1 1 auto;
}

.comunidad-puntos li i {
	width: 1.25rem;
	text-align: center;
	color: var(--bs-primary);
}

/* Avisos */
.cabecera-avisos {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	color: #191e25;
	font-size: 1.15rem;
}

.cabecera-avisos__num {
	position: absolute;
	top: -0.15rem;
	right: -0.25rem;
	min-width: 1.15rem;
	padding: 0 0.3rem;
	border-radius: 50rem;
	background: #dc3545;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.15rem;
	text-align: center;
}

.avisos-lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.aviso {
	display: flex;
	gap: 0.85rem;
	padding: 0.85rem 0.5rem;
	border-bottom: 1px solid rgba(25, 30, 37, 0.06);
}

.aviso--nuevo {
	background: rgba(var(--bs-primary-rgb), 0.05);
}

.aviso__icono {
	flex: 0 0 2.25rem;
	height: 2.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
}

.aviso__titulo {
	margin: 0;
	font-weight: 600;
}

.aviso__detalle {
	margin: 0;
	font-size: 0.875rem;
	color: #495057;
}

/* Nivel en la cuenta */
.cuenta-nivel__insignia {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	color: #fff;
	font-size: 1.5rem;
	background: #8d99ae;
}

/* Pasaporte */
.pasaporte-zona {
	margin-bottom: 1.5rem;
}

.pasaporte-sellos {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0.6rem 0 0;
	padding: 0;
	list-style: none;
}

.pasaporte-sellos a {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.3rem 0.75rem;
	border: 1px dashed rgba(25, 30, 37, 0.25);
	border-radius: 50rem;
	color: #6c757d;
	font-size: 0.85rem;
	text-decoration: none;
}

.pasaporte-sellos span {
	font-size: 0.75rem;
}

.pasaporte-sello--hecho a {
	border-style: solid;
	border-color: #198754;
	background: rgba(25, 135, 84, 0.08);
	color: #146c43;
	font-weight: 600;
}

/* Quedadas */
.quedada-mensaje {
	padding: 0.75rem 1rem;
	border-left: 3px solid var(--bs-primary);
	background: #f8f9fa;
	border-radius: 0 0.5rem 0.5rem 0;
}

.quedada-final {
	border: 2px solid var(--bs-primary) !important;
}

.quedada-fecha {
	display: grid;
	grid-template-columns: 1fr 8rem auto;
	gap: 0.5rem;
}

.quedada-tabla th,
.quedada-tabla td {
	min-width: 7rem;
}

.quedada-tabla thead th {
	font-size: 0.85rem;
	vertical-align: top;
}

.quedada-tabla__mejor {
	background: rgba(25, 135, 84, 0.08) !important;
}

.quedada-tabla__mia {
	background: rgba(var(--bs-primary-rgb), 0.05);
}

.quedada-voto {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid rgba(25, 30, 37, 0.06);
}

.quedada-voto__fecha {
	font-weight: 600;
}

.quedada-voto .btn-check:checked + .btn {
	border-color: var(--bs-primary);
	background: rgba(var(--bs-primary-rgb), 0.12);
	color: #191e25;
}

@media (max-width: 575.98px) {
	.quedada-fecha {
		grid-template-columns: 1fr 6.5rem auto;
	}

	.ficha-esencial__botones {
		grid-template-columns: 1fr 1fr;
	}
}

/* ===== Precio orientativo (€€€) ===== */
.precio-badge {
	display: inline-flex;
	align-items: baseline;
	gap: 0.25rem;
	white-space: nowrap;
}

.precio-badge__euros {
	font-weight: 700;
	color: #198754;
	letter-spacing: 0.05em;
}

.precio-badge__resto {
	color: #ced4da;
}

.inicio-card__rating .precio-badge {
	margin-left: 0.5rem;
}

/* ===== Fotos de la comunidad (ficha) ===== */
.galeria-comunidad {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.5rem;
}

.galeria-comunidad__foto {
	position: relative;
	padding: 0;
	border: 0;
	border-radius: 0.5rem;
	overflow: hidden;
	aspect-ratio: 1;
	background: #f1f3f5;
	cursor: zoom-in;
}

.galeria-comunidad__foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s ease;
}

.galeria-comunidad__foto:hover img,
.galeria-comunidad__foto:focus-visible img {
	transform: scale(1.05);
}

.galeria-comunidad__mas {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
}

@media (max-width: 575.98px) {
	.galeria-comunidad {
		grid-template-columns: repeat(3, 1fr);
	}

	/* En móvil, 6 miniaturas (2 filas): la 7.ª y 8.ª solo en pantallas mayores */
	.galeria-comunidad__foto:nth-child(n+7) {
		display: none;
	}
}

.galeria-pie {
	margin: 0.5rem 0 0;
	font-size: 0.875rem;
	color: #6c757d;
	text-align: center;
}

.ficha-foto-comunidad {
	position: relative;
}

.ficha-foto-comunidad figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.4rem 0.75rem;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
	color: #fff;
	font-size: 0.8125rem;
}

/* ===== Agenda de eventos ===== */
.agenda-cabecera {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 1rem;
}

.agenda-filtros {
	display: grid;
	gap: 0.5rem;
}

.filtros-linea {
	display: flex;
	gap: 0.35rem;
	overflow-x: auto;
	padding-bottom: 0.25rem;
	scrollbar-width: thin;
}

.filtros-linea .btn {
	white-space: nowrap;
	flex-shrink: 0;
}

.agenda-mes {
	font-size: 1.15rem;
	font-weight: 700;
	color: #6c757d;
	border-bottom: 2px solid #f1f3f5;
	padding-bottom: 0.4rem;
	margin-bottom: 0.9rem;
}

.agenda-lista {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 0.9rem;
}

.agenda-lista--una {
	grid-template-columns: 1fr;
}

.evento-card {
	position: relative;
	display: flex;
	gap: 0.9rem;
	align-items: flex-start;
	padding: 0.9rem;
	background: #fff;
	border-radius: 0.75rem;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.evento-card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
	transform: translateY(-1px);
}

.evento-card__fecha {
	flex: 0 0 3.4rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.35rem 0;
	border-radius: 0.6rem;
	background: #fff1ee;
	color: #f84525;
	line-height: 1.1;
}

.evento-card__dia {
	font-size: 1.4rem;
	font-weight: 800;
}

.evento-card__mes {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
}

.evento-card__cuerpo {
	flex: 1 1 auto;
	min-width: 0;
}

.evento-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-bottom: 0.3rem;
	font-size: 0.75rem;
}

.evento-card__titulo {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 0.3rem;
}

.evento-card__titulo a {
	color: inherit;
	text-decoration: none;
}

.evento-card__cuando,
.evento-card__lugar,
.evento-card__asistentes {
	margin: 0;
	font-size: 0.8125rem;
	color: #6c757d;
}

.evento-card__cuando i,
.evento-card__lugar i,
.evento-card__asistentes i {
	width: 1rem;
	color: #adb5bd;
}

.evento-card__img {
	flex: 0 0 5.5rem;
	width: 5.5rem;
	height: 5.5rem;
	object-fit: cover;
	border-radius: 0.5rem;
}

.evento-card--compacta {
	padding: 0.7rem;
}

.evento-tipo {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.15rem 0.5rem;
	border-radius: 1rem;
	background: #f1f3f5;
	color: #495057;
	font-weight: 600;
	font-size: 0.75rem;
}

.evento-tipo--cata { background: #f3e8ff; color: #6f42c1; }
.evento-tipo--feria,
.evento-tipo--mercado { background: #fff3cd; color: #8a6100; }
.evento-tipo--fiesta,
.evento-tipo--musica { background: #ffe5e0; color: #c4321a; }
.evento-tipo--romeria,
.evento-tipo--ruta { background: #e2f5ea; color: #157347; }
.evento-tipo--gastronomia { background: #e7f1ff; color: #0a58ca; }

.evento-ficha__img {
	width: 100%;
	max-height: 480px;
	object-fit: cover;
}

.evento-datos {
	list-style: none;
	padding: 1rem;
	display: grid;
	gap: 0.9rem;
}

.evento-datos li {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
}

.evento-datos li > i {
	width: 1.25rem;
	margin-top: 0.2rem;
	text-align: center;
}

.evento-acciones {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.evento-cerca li + li {
	margin-top: 0.6rem;
}

.evento-cerca a {
	display: flex;
	gap: 0.6rem;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.evento-cerca img {
	border-radius: 0.5rem;
	object-fit: cover;
}

@media (max-width: 575.98px) {
	.agenda-lista {
		grid-template-columns: 1fr;
	}

	.evento-card__img {
		display: none;
	}
}

.quedada-evento {
	max-width: 560px;
}

/* ===== Retos ===== */
.retos-lista {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1rem;
}

.retos-lista--pasados .reto-card {
	opacity: 0.85;
}

.reto-card {
	display: flex;
	gap: 0.9rem;
	padding: 1rem;
	background: #fff;
	border-radius: 0.75rem;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	border-top: 4px solid #f84525;
}

.reto-card--hecho {
	border-top-color: #198754;
}

.reto-card__icono {
	flex: 0 0 2.75rem;
	height: 2.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff1ee;
	color: #f84525;
	font-size: 1.2rem;
}

.reto-card--hecho .reto-card__icono {
	background: #e2f5ea;
	color: #198754;
}

.reto-card__cuerpo {
	flex: 1 1 auto;
	min-width: 0;
}

.reto-card__titulo {
	font-size: 1.05rem;
	font-weight: 700;
	margin: 0 0 0.25rem;
}

.reto-card__ayuda {
	font-size: 0.85rem;
	color: #6c757d;
	margin-bottom: 0.5rem;
}

.reto-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.9rem;
	font-size: 0.8rem;
	color: #6c757d;
	margin-bottom: 0.6rem;
}

.reto-card__meta i {
	color: #ffb400;
}

.reto-progreso {
	width: 100%;
	height: 0.6rem;
	border: 0;
	border-radius: 1rem;
	overflow: hidden;
	background: #f1f3f5;
	appearance: none;
	-webkit-appearance: none;
	margin-bottom: 0.25rem;
}

.reto-progreso::-webkit-progress-bar {
	background: #f1f3f5;
	border-radius: 1rem;
}

.reto-progreso::-webkit-progress-value {
	background: #f84525;
	border-radius: 1rem;
}

.reto-progreso::-moz-progress-bar {
	background: #f84525;
	border-radius: 1rem;
}

.reto-card__primeros {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem;
	margin-top: 0.6rem;
}

/* ===== Invitaciones ===== */
.invitacion-ventajas {
	list-style: none;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

.invitacion-ventajas li {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
}

.invitacion-ventajas i {
	color: #f84525;
	width: 1.25rem;
	margin-top: 0.2rem;
	text-align: center;
}

.invitados li {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid #f1f3f5;
}

.insignia-reto {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.1rem 0.45rem;
	border-radius: 1rem;
	background: #e2f5ea;
	color: #157347;
	font-size: 0.7rem;
	font-weight: 600;
}

.inicio-retos {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.8rem 1rem;
	border-radius: 0.75rem;
	background: #fff1ee;
	color: #c4321a;
	text-decoration: none;
}

.inicio-retos > i:first-child {
	font-size: 1.4rem;
}

.inicio-retos:hover {
	background: #ffe5e0;
	color: #a52a14;
}

/* Landings de listados: enlaces internos a otras landings */
.filtros-enlaces__lista {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.filtros-enlaces__lista a {
	display: inline-block;
	padding: 0.3rem 0.75rem;
	border: 1px solid #e9e2dc;
	border-radius: 2rem;
	background: #fff;
	color: #333;
	font-size: 0.85rem;
	text-decoration: none;
}

.filtros-enlaces__lista a:hover {
	border-color: var(--bs-primary);
	color: var(--bs-primary);
}

.filtros-enlaces__lista small {
	color: #8a8a8a;
}

/* Guía de las landings de listados (texto propio + preguntas frecuentes) */
.filtros-guia {
	padding-bottom: 1rem;
}

.filtros-guia > p {
	font-size: 0.9375rem;
	color: #495057;
	margin-bottom: 0.75rem;
}

/* Ficha: enlaces a las landings de su municipio y su zona */
.ficha-explora {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
	font-size: 0.9375rem;
	font-weight: 600;
}

.ficha-explora i {
	margin-right: 0.4rem;
	color: var(--bs-primary);
}