/* Estilos que antes iban inline en master/header/login/footer, mismo orden de render. 2026-11-09 */
/* front/layouts/master.blade.php */
/* DX_PERF_FONTS_SWAP: Forzar la carga rápida de iconos y fuentes Rendimiento */
@font-face { font-display: swap !important; }
/* Forzado final: etiquetas Premium / Premium + */
.dx-premium-label,
.dx-plan-badge,
.dx-plan-badge-premium,
.dx-plan-badge-plus {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	height: auto !important;
	min-height: 28px !important;
	padding: 7px 13px !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 50 !important;
	text-shadow: none !important;
}

.dx-plan-badge-premium,
.dx-card-premium .dx-plan-badge,
.dx-card-premium .dx-premium-label {
	min-width: 96px !important;
	color: #fff !important;
	background: linear-gradient(135deg,#ff4fb8 0%,#ff7ad3 45%,#f52aa6 100%) !important;
	border: 1px solid rgba(255,255,255,.78) !important;
	box-shadow: 0 0 0 1px rgba(255,79,184,.35),0 0 18px rgba(255,79,184,.55),0 8px 20px rgba(0,0,0,.22) !important;
}

.dx-plan-badge-plus,
.dx-card-premium-plus .dx-plan-badge,
.dx-card-premium-plus .dx-premium-label {
	min-width: 112px !important;
	color: #2a1700 !important;
	background: linear-gradient(135deg,#fff4a8 0%,#ffd84d 45%,#ffb800 100%) !important;
	border: 1px solid rgba(255,255,255,.86) !important;
	box-shadow: 0 0 0 1px rgba(255,216,77,.42),0 0 20px rgba(255,216,77,.62),0 8px 20px rgba(0,0,0,.22) !important;
}

/* Guardar y Premium buttons */
.home-post-card .btn-outline-secondary.make-favorite,
.dx-list-card__actions .btn-outline-secondary.make-favorite,
.home-compact-card__actions .btn-outline-secondary.make-favorite,
.dx-plan-button,
.dx-premium-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
	border-radius: 999px !important;
	line-height: 1.1 !important;
}

.home-post-card .btn-outline-secondary.make-favorite {
	min-width: 88px !important;
	min-height: 32px !important;
	padding: 7px 12px !important;
}

.dx-list-card__actions .btn-outline-secondary.make-favorite,
.home-compact-card__actions .btn-outline-secondary.make-favorite,
.dx-list-card__actions .dx-plan-button,
.dx-list-card__actions .dx-premium-action,
.home-compact-card__actions .dx-plan-button,
.home-compact-card__actions .dx-premium-action {
	width: 100% !important;
	min-height: 38px !important;
	padding: 9px 12px !important;
}

.dx-plan-button,
.dx-premium-action {
	background: #fff !important;
	border: 1px solid rgba(20,20,25,.32) !important;
	color: #202025 !important;
	font-weight: 800 !important;
	box-shadow: 0 5px 14px rgba(0,0,0,.08) !important;
}

.dx-plan-icon,
.dx-plan-button .fa-crown,
.dx-premium-action .fa-crown {
	color: #f6b800 !important;
}

/* Quitar vista compacta */
a[href*="display=compact"] {
	display: none !important;
}

/* front/layouts/master.blade.php */
.home-post-card .btn-outline-secondary.make-favorite {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	min-width: 34px !important;
	max-width: 34px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	border-radius: 999px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}

.home-post-card .btn-outline-secondary.make-favorite span {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	overflow: hidden !important;
}

.home-post-card .btn-outline-secondary.make-favorite:hover,
.home-post-card .btn-outline-secondary.make-favorite:focus {
	width: auto !important;
	min-width: 88px !important;
	max-width: none !important;
	padding: 7px 12px !important;
	gap: 6px !important;
	overflow: visible !important;
}

.home-post-card .btn-outline-secondary.make-favorite:hover span,
.home-post-card .btn-outline-secondary.make-favorite:focus span {
	display: inline !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	max-width: none !important;
	overflow: visible !important;
}

/* front/layouts/master.blade.php */
/* Guardar en grid: solo corazón hasta hover/focus */
.home-post-card .btn-outline-secondary.make-favorite {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	min-width: 34px !important;
	max-width: 34px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	gap: 0 !important;
	border-radius: 999px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}

.home-post-card .btn-outline-secondary.make-favorite span {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	overflow: hidden !important;
}

.home-post-card .btn-outline-secondary.make-favorite:hover,
.home-post-card .btn-outline-secondary.make-favorite:focus {
	width: auto !important;
	min-width: 88px !important;
	max-width: none !important;
	padding: 7px 12px !important;
	gap: 6px !important;
	overflow: visible !important;
}

.home-post-card .btn-outline-secondary.make-favorite:hover span,
.home-post-card .btn-outline-secondary.make-favorite:focus span {
	display: inline !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	max-width: none !important;
	overflow: visible !important;
}

/* Premium button: solo corona hasta hover/focus */
.dx-plan-button,
.dx-premium-action {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	border-radius: 999px !important;
	background: #fff !important;
	border: 1px solid rgba(20,20,25,.32) !important;
	color: #202025 !important;
	font-weight: 800 !important;
	box-shadow: 0 5px 14px rgba(0,0,0,.08) !important;
}

.home-post-card .dx-plan-button,
.home-post-card .dx-premium-action {
	width: 34px !important;
	min-width: 34px !important;
	max-width: 34px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	gap: 0 !important;
	overflow: hidden !important;
}

.dx-list-card__actions .dx-plan-button,
.dx-list-card__actions .dx-premium-action,
.home-compact-card__actions .dx-plan-button,
.home-compact-card__actions .dx-premium-action {
	width: 100% !important;
	min-height: 38px !important;
	padding: 9px 12px !important;
	gap: 0 !important;
	overflow: hidden !important;
}

.dx-plan-button span,
.dx-premium-action span {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	overflow: hidden !important;
}

.home-post-card .dx-plan-button:hover,
.home-post-card .dx-plan-button:focus,
.home-post-card .dx-premium-action:hover,
.home-post-card .dx-premium-action:focus {
	width: auto !important;
	min-width: 96px !important;
	max-width: none !important;
	padding: 7px 12px !important;
	gap: 7px !important;
	overflow: visible !important;
}

.dx-list-card__actions .dx-plan-button:hover,
.dx-list-card__actions .dx-plan-button:focus,
.dx-list-card__actions .dx-premium-action:hover,
.dx-list-card__actions .dx-premium-action:focus,
.home-compact-card__actions .dx-plan-button:hover,
.home-compact-card__actions .dx-plan-button:focus,
.home-compact-card__actions .dx-premium-action:hover,
.home-compact-card__actions .dx-premium-action:focus {
	gap: 7px !important;
	overflow: visible !important;
}

.dx-plan-button:hover span,
.dx-plan-button:focus span,
.dx-premium-action:hover span,
.dx-premium-action:focus span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	max-width: none !important;
	overflow: visible !important;
	white-space: nowrap !important;
}

.dx-plan-icon,
.dx-plan-button .fa-crown,
.dx-premium-action .fa-crown {
	color: #f6b800 !important;
	font-size: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Descripción vista lista */
.dx-list-card__description {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	margin-top: 6px !important;
	margin-bottom: 10px !important;
	font-size: .92rem !important;
	line-height: 1.45 !important;
	color: #6c757d !important;
}

/* front/layouts/master.blade.php */
.dx-list-card__description {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden !important;
	margin: 6px 0 10px 0 !important;
	font-size: .92rem !important;
	line-height: 1.45 !important;
	color: #6c757d !important;
	max-width: 100% !important;
}

@media (max-width: 767.98px) {
	.dx-list-card__description {
		-webkit-line-clamp: 3;
		font-size: .9rem !important;
	}
}

/* front/layouts/partials/header.blade.php */
/* DX_NAVBAR_ALWAYS_FIXED: Cabecera siempre fija y visible al hacer scroll (sin esconderse como en MX) */
	#mainNavbar.home-main-navbar {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		opacity: 1 !important;
		transform: none !important;
		visibility: visible !important;
		z-index: 1030 !important;
		transition: background-color .2s ease, box-shadow .2s ease !important;
	}

	/* Botón Publicar Anuncio header - Discretax */
	.home-header-cta,
	a.btn.btn-pink.home-header-cta,
	a.home-header-cta[href*="posts/create"] {
		background: #63305e !important;
		border-color: #63305e !important;
		color: #fff !important;
	}

	.home-header-cta:hover,
	a.btn.btn-pink.home-header-cta:hover,
	a.home-header-cta[href*="posts/create"]:hover {
		background: #7a3f76 !important;
		border-color: #7a3f76 !important;
		color: #fff !important;
	}

	.home-header-cta i {
		color: #fff !important;
	}

	/* Botón Destacar Anuncio header - Discretax */
	.home-navbar-actions .dx-header-promote-cta,
	a.dx-header-promote-cta[href*="destacar-anuncio"] {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 42px;
		padding: 8px 16px !important;
		border: 1px solid var(--dx-border, #eaddea) !important;
		border-radius: 999px !important;
		background: #fff !important;
		color: var(--dx-primary, #5c2b57) !important;
		font-weight: 800 !important;
		line-height: 1.1;
		text-decoration: none !important;
		white-space: nowrap;
		box-shadow: 0 8px 18px rgba(92, 43, 87, 0.08);
		transition: all .2s ease;
	}

	.home-navbar-actions .dx-header-promote-cta i,
	a.dx-header-promote-cta[href*="destacar-anuncio"] i {
		color: var(--dx-primary, #5c2b57) !important;
	}

	.home-navbar-actions .dx-header-promote-cta:hover,
	a.dx-header-promote-cta[href*="destacar-anuncio"]:hover {
		background: #fcf7fc !important;
		border-color: #dcb9d8 !important;
		color: var(--dx-primary-2, #7a3f76) !important;
		transform: translateY(-1px);
		box-shadow: 0 12px 24px rgba(92, 43, 87, 0.12);
	}

	.home-navbar-actions .dx-header-promote-cta:hover i,
	a.dx-header-promote-cta[href*="destacar-anuncio"]:hover i {
		color: var(--dx-primary-2, #7a3f76) !important;
	}

	@media (max-width: 1199.98px) {
		.home-navbar-actions .dx-header-promote-cta {
			width: 100%;
			margin: 4px 0;
		}
	}

	/* DX_NAVBAR_SEARCH_CSS_FIX_START */
	.dx-navbar-search {
		flex: 1 1 0%;
		min-width: 0;
		max-width: 460px;
		margin: 0 16px;
		align-self: center;
	}

	.dx-navbar-search__inner {
		display: flex !important;
		align-items: center !important;
		height: 46px;
		padding: 0 5px 0 16px;
		background: #fff !important;
		border: 1.5px solid var(--dx-border, #eaddea) !important;
		border-radius: 999px !important;
		box-shadow: 0 4px 16px rgba(92,43,87,.09) !important;
		transition: border-color .2s, box-shadow .2s;
	}

	.dx-navbar-search__inner:focus-within {
		border-color: var(--dx-primary, #5c2b57) !important;
		box-shadow: 0 4px 22px rgba(92,43,87,.2) !important;
	}

	.dx-navbar-search__icon {
		display: inline-flex !important;
		align-items: center !important;
		color: var(--dx-primary, #5c2b57) !important;
		font-size: 15px;
		flex-shrink: 0;
		margin-right: 10px;
		opacity: .65;
	}

	.dx-navbar-search__input {
		flex: 1 1 0% !important;
		min-width: 0 !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		color: var(--dx-text, #1f2430) !important;
		font-size: 13.5px !important;
		font-weight: 600 !important;
		padding: 0 !important;
		line-height: 1 !important;
	}

	.dx-navbar-search__input::placeholder {
		color: var(--dx-muted, #b09cb0);
		font-weight: 500;
	}

	.dx-navbar-search__btn {
		flex-shrink: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px;
		height: 36px !important;
		padding: 0 14px !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: linear-gradient(135deg, #63305e, #7a3f76) !important;
		color: #fff !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		white-space: nowrap;
		cursor: pointer;
		box-shadow: 0 4px 12px rgba(92,43,87,.28) !important;
		transition: opacity .2s, transform .15s, box-shadow .2s;
	}

	.dx-navbar-search__btn:hover {
		opacity: .88 !important;
		transform: translateY(-1px) !important;
		box-shadow: 0 6px 18px rgba(92,43,87,.35) !important;
	}

	.dx-navbar-search__btn-label {
		display: none;
	}

	/* ── Desktop ≥1200px — DX_NAVBAR_DESKTOP_FIX ── */
	@media (min-width: 1200px) {
		.dx-navbar-search-toprow {
			display: contents !important;
		}

		.dx-navbar-search {
			flex: 1 1 0% !important;
			max-width: 560px !important;
			margin: 0 20px !important;
			align-self: center !important;
		}

		.dx-navbar-search__btn-label {
			display: inline !important;
		}

		.dx-navbar-search-toprow > .navbar-nav.me-md-auto {
			flex: 0 0 auto !important;
			margin: 0 !important;
		}
	}

	/* ── Móvil <1200px: toprow inline bandera+buscador ── */
	@media (max-width: 1199.98px) {
		.dx-navbar-search-toprow {
			display: flex !important;
			align-items: center !important;
			gap: 8px !important;
			width: 100% !important;
			margin-bottom: 10px !important;
		}
		.dx-navbar-search-toprow .navbar-nav.me-md-auto {
			flex: 0 0 auto !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		.dx-navbar-search-toprow .dx-navbar-search {
			flex: 1 1 0% !important;
			max-width: 100% !important;
			margin: 0 !important;
		}
		.dx-navbar-search-toprow .dx-navbar-search__inner {
			height: 44px !important;
			padding: 0 5px 0 14px !important;
		}
		.dx-navbar-search-toprow .dx-navbar-search__btn {
			height: 34px !important;
			width: 34px !important;
			padding: 0 !important;
			font-size: 13px !important;
		}
		.dx-navbar-search-toprow .dx-navbar-search__btn-label {
			display: none !important;
		}
	}
	/* DX_NAVBAR_SEARCH_CSS_FIX_END */

/* auth/login/partials/modal.blade.php */
/* Popup login Discretax */
	#quickLogin .modal-content {
		border: 0 !important;
		border-radius: 28px !important;
		overflow: hidden !important;
		box-shadow: 0 24px 60px rgba(20, 20, 20, .22) !important;
	}

	#quickLogin .modal-header {
		background: linear-gradient(135deg, #5c2b57, #675266) !important;
		border-bottom: 0 !important;
		padding: 22px 24px !important;
	}

	#quickLogin .modal-title,
	#quickLogin .modal-header h5 {
		color: #fff !important;
		font-weight: 900 !important;
	}

	#quickLogin .btn-close {
		filter: invert(1) grayscale(100%) brightness(200%) !important;
		opacity: .9 !important;
	}

	#quickLogin .modal-body {
		background: #faf8fb !important;
		padding: 26px 24px !important;
	}

	#quickLogin .form-label {
		color: #5c2b57 !important;
		font-weight: 800 !important;
		margin-bottom: 8px !important;
	}

	#quickLogin .text-danger {
		color: #d63384 !important;
	}

	#quickLogin .input-group {
		border-radius: 18px !important;
		overflow: hidden !important;
		box-shadow: 0 8px 20px rgba(20, 20, 20, .04) !important;
	}

	#quickLogin .input-group-text {
		background: #fff !important;
		border-color: #eaddea !important;
		color: #5c2b57 !important;
	}

	#quickLogin .form-control {
		min-height: 52px !important;
		border-color: #eaddea !important;
		background: #fff !important;
		color: #1f2430 !important;
		box-shadow: none !important;
	}

	#quickLogin .form-control:focus {
		border-color: #f2a9d8 !important;
		box-shadow: 0 0 0 4px rgba(242, 169, 216, .20) !important;
	}

	#quickLogin .form-check-input {
		border-color: #d7c5d5 !important;
		box-shadow: none !important;
	}

	#quickLogin .form-check-input:checked {
		background-color: #5c2b57 !important;
		border-color: #5c2b57 !important;
	}

	#quickLogin .form-check-label {
		color: #675266 !important;
		font-weight: 600 !important;
	}

	#quickLogin a {
		color: #5c2b57 !important;
		font-weight: 800 !important;
		text-decoration: none !important;
	}

	#quickLogin a:hover {
		color: #675266 !important;
	}

	#quickLogin .modal-footer {
		background: #fff !important;
		border-top: 1px solid #eaddea !important;
		padding: 18px 24px !important;
	}

	#quickLogin .modal-footer .btn-primary {
		background: #5c2b57 !important;
		border-color: #5c2b57 !important;
		color: #fff !important;
		border-radius: 999px !important;
		min-height: 46px !important;
		padding: 0 22px !important;
		font-weight: 900 !important;
		box-shadow: 0 10px 22px rgba(92, 43, 87, .22) !important;
	}

	#quickLogin .modal-footer .btn-primary:hover {
		background: #675266 !important;
		border-color: #675266 !important;
		color: #fff !important;
	}

	#quickLogin .modal-footer .btn-secondary {
		background: #fcf7fc !important;
		border-color: #eaddea !important;
		color: #5c2b57 !important;
		border-radius: 999px !important;
		min-height: 46px !important;
		padding: 0 22px !important;
		font-weight: 800 !important;
	}

	#quickLogin .modal-footer .btn-secondary:hover {
		background: #f2a9d8 !important;
		border-color: #f2a9d8 !important;
		color: #5c2b57 !important;
	}

/* front/layouts/partials/footer.blade.php */
.dx-footer {
			background:
				radial-gradient(circle at top left, rgba(236, 72, 153, .18), transparent 32rem),
				radial-gradient(circle at bottom right, rgba(147, 51, 234, .16), transparent 30rem),
				#07070a;
			color: rgba(255,255,255,.74);
			border-top: 1px solid rgba(255,255,255,.12);
		}

		.dx-footer a {
			color: rgba(255,255,255,.76);
			text-decoration: none;
			transition: color .18s ease, opacity .18s ease, transform .18s ease;
		}

		.dx-footer a:hover,
		.dx-footer a:focus {
			color: #fff;
			opacity: 1;
		}

		.dx-footer__brand {
			font-size: 1.5rem;
			font-weight: 800;
			letter-spacing: -.04em;
			color: #fff;
			line-height: 1;
		}

		.dx-footer__brand span {
			background: linear-gradient(135deg, #fff, #f0abfc 45%, #fb7185);
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
		}

		.dx-footer__text {
			max-width: 32rem;
			color: rgba(255,255,255,.68);
			line-height: 1.7;
			font-size: .88rem;
		}

		.dx-footer__title {
			color: #fff;
			font-size: .78rem;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: .11em;
			margin-bottom: 1rem;
		}

		.dx-footer__list {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.dx-footer__list li {
			margin-bottom: .55rem;
			line-height: 1.45;
		}

		.dx-footer__chip {
			display: inline-flex;
			align-items: center;
			gap: .4rem;
			padding: .55rem .8rem;
			border: 1px solid rgba(255,255,255,.12);
			border-radius: 999px;
			background: rgba(255,255,255,.045);
			color: rgba(255,255,255,.82) !important;
			font-size: .9rem;
		}

		.dx-footer__chip:hover {
			background: rgba(255,255,255,.09);
			transform: translateY(-1px);
		}

		.dx-footer__divider {
			border-color: rgba(255,255,255,.1) !important;
		}

		.dx-footer__bottom {
			color: rgba(255,255,255,.55);
			font-size: .875rem;
		}

		.dx-footer__notice {
			color: rgba(255,255,255,.46);
			font-size: .78rem;
			line-height: 1.6;
		}

		/* Estilos de la matriz de ciudades integrada */
		.dx-footer__cities-box {
			background: rgba(255,255,255,.02);
			border: 1px solid rgba(255,255,255,.07);
			border-radius: 1rem;
			padding: 1.5rem;
		}

		.dx-footer__cities-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
			gap: .5rem .75rem;
			font-size: .78rem;
		}

		.dx-footer__cities-grid a {
			color: rgba(255,255,255,.6);
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.dx-footer__cities-grid a:hover {
			color: #fff;
			transform: translateX(2px);
		}

		@media (max-width: 767.98px) {
			.dx-footer {
				text-align: left;
			}

			.dx-footer__brand {
				font-size: 1.35rem;
			}

			.dx-footer__cities-grid {
				grid-template-columns: repeat(2, 1fr);
			}
		}

