body { 
	margin: 0;
	font-family: 'Raleway', sans-serif;
	background-color: #fefaef;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.container {
		max-width: 1320px;
	}
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col, .col-auto, .col-lg-4, .col-md-6 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

@media (min-width: 768px) {
	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 992px) {
	.col-lg-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

/* --- ESTILOS GLOBALES DE TARJETAS --- */
.ad-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	display: flex;
	height: 100%;
}
.ad-card-container a {
	text-decoration: none;
}
.ad-card-container h6 {
	margin: 0 0 16px 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 18.8px;
	color: #274131;
}

/* --- VISTA DE CUADRÍCULA (POR DEFECTO) --- */
.ad-card-container {
	flex: 1 1 calc(33.333% - 24px);
	min-width: 250px;
	max-width: 300px;
}
.ad-card {
	flex-direction: column;
}
.ad-image-column {
	position: relative;
	border-radius: 16px 16px 0 0;
	height: 150px;
}
.ad-image-column img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px 16px 0 0;
}
.ad-image-placeholder {
	width: 100%; height: 100%; background-color: #f0f0f0; border-radius: 16px 16px 0 0; display: flex; align-items: center; justify-content: center;
}
.ad-image-placeholder i {
	font-size: 3rem; color: #ccc;
}
.ad-province-tag {
	position: absolute; top: 10px; right: 10px;
}
.ad-province-tag span {
	background-color: #f2e4c4; border-radius: 8px; padding: 8px 16px; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 13px; color: #314e3c; letter-spacing: 0.34px;
}
.ad-content-wrapper {
	padding: 16px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;
}
.ad-info-column > div {
	display: flex; gap: 24px; margin-bottom: 8px;
}
.ad-info-column > div > div {
	display: flex; align-items: center; gap: 6px;
}
.ad-info-column img {
	width: 12px; height: 12px;
}
.ad-info-column i {
	width: 12px; height: 12px;
	color: #535f58;
	font-size: 12px;
}
.ad-info-column span {
	font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 14px; color: #535f58; letter-spacing: 0.34px;
}
.ad-description {
	margin: 0 0 8px 0; font-family: 'Raleway', sans-serif; font-size: 13px; line-height: 15.3px; color: #616d66; letter-spacing: 0.34px;
}
.ad-price {
	font-family: 'Raleway', sans-serif; font-weight: 600; color: #4c5f57; letter-spacing: 0.46px;
}
.ad-actions-column {
	display: flex; flex-direction: row; gap: 12px; margin-top: 16px;
}
.ad-detail-btn {
	background-color: #debf73; border-radius: 16px; padding: 10px 20px; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: center; gap: 7px;
}
.ad-detail-btn span {
	font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 14px; line-height: 1.2; color: #173b25; letter-spacing: 0.46px;
}
.ad-detail-btn img {
	width: 16px; height: 16px;
}
.ad-detail-btn i {
	width: 16px; height: 16px;
	color: #173b25;
	font-size: 16px;
}
.ad-favorite-btn {
	background-color: #dce7e0; border-radius: 24px; padding: 10px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.ad-favorite-btn i {
	color: #314e3c; font-size: 16px;
}

/* --- VISTA DE LISTA (SOBREESCRIBE LO NECESARIO DE LA CUADRÍCULA) --- */
.list-view .ad-card-container {
	flex: 1 0 100%; /* Ocupa todo el ancho */
	max-width: 100%;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	background-color: #fffefa;
	margin-bottom: 16px;
}
.list-view .ad-card {
	flex-direction: row; /* La clave: cambia la dirección a horizontal */
	align-items: center;
	padding: 16px;
	height: auto;
	border: none;
	background-color: transparent;
}
.list-view .ad-image-column {
	flex: 0 0 120px; /* Ancho y alto fijos para la imagen */
	height: 120px;
	border-radius: 16px; /* Esquinas redondeadas en todas las partes */
	overflow: hidden; /* Para que las imágenes respeten el border-radius */
}
.list-view .ad-image-column img {
	border-radius: 16px; /* Esquinas redondeadas en todas las partes */
}
.list-view .ad-image-placeholder {
	border-radius: 16px; /* Esquinas redondeadas en todas las partes */
}
.list-view .ad-content-wrapper {
	flex-direction: row; /* Horizontal */
	justify-content: space-between;
	align-items: center;
	padding: 0 0 0 24px;
	flex-grow: 1;
}
.list-view .ad-info-column {
	padding-right: 16px;
}
.list-view .ad-actions-column {
	margin-top: 0;
}
.list-view .ad-price,
.list-view .ad-favorite-btn,
.list-view .ad-province-tag {
	display: none; /* Oculta elementos */
}
.list-view .ad-detail-btn {
	background-color: #274131; /* Botón verde */
	border-radius: 9999px;
}



/* --- ESTILOS PARA LA PÁGINA DE DETALLE DEL ANUNCIO --- */

/* Contenedor principal */
.ad-detail-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 24px 82px;
}

/* Tarjeta genérica para la vista de detalle */
.detail-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	margin-bottom: 24px;
	overflow: hidden; /* Para que los bordes redondeados afecten a los hijos */
}

.detail-card-header {
	padding: 16px;
	border-bottom: 1px solid #eeeae0;
	background-color: #eef2ef; /* Color con más contraste */
}

.detail-card-header h5 {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #414d48;
}

.detail-card-body {
	padding: 24px;
}

.detail-card-body #offer-form {
	margin-top: 0;
	margin-bottom: 12px;
}

.detail-card-body #offer-form .form-group {
	margin-bottom: 16px;
}

.detail-card-body #offer-form .btn-main {
	margin-top: 12px;
}

/* Estilos para botones genéricos, basados en el catálogo */
.btn-main {
	background-color: #debf73;
	color: #173b25;
	border-radius: 12px;
	padding: 10px 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border: none;
	cursor: pointer;
}

.btn-secondary {
	background-color: #dce7e0;
	color: #314e3c;
	border-radius: 12px;
	padding: 10px 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

/* --- ESTILOS ESPECÍFICOS PARA LA PÁGINA DE DETALLE --- */

/* Cabecera del anuncio */
.ad-detail-header h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 40px;
	color: #274131;
	margin-bottom: 8px;
}

.ad-detail-meta {
	display: flex;
	gap: 24px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #535f58;
}

.ad-detail-meta .ad-price {
	font-weight: 600;
	color: #4c5f57;
}

/* Galería de imágenes */
.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
}

.gallery-item img,
.gallery-item video {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 12px;
}

/* --- ESTILOS DE LA BARRA DE NAVEGACIÓN (NO LOGUEADO) --- */

.navbar-link {
	padding: 8px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #3a5a47;
	text-decoration: none;
}
.navbar-link:hover {
	color: #274131;
}

.btn-accent-nav {
	background-color: #debf73;
	border-radius: 12px;
	padding: 10px 20px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	color: #173b25;
	letter-spacing: 0.46px;
	text-decoration: none;
	display: inline-block;
}
.btn-accent-nav:hover {
	background-color: #d1b26a;
}
.nav-user-menu a i {
	color: #314e3c;
	font-size: 16px;
	width: 16px;
	height: 16px;
	display: block;
}

/* --- ESTILOS PÁGINA LOGIN (VERSIÓN FINAL Y CORRECTA) --- */

.login-page-container {
	display: flex;
	flex-direction: column; /* Apila los elementos verticalmente */
	align-items: center;
	justify-content: center;
	padding: 60px 24px;
	min-height: calc(100vh - 160px); /* Ajustar según nav/footer */
}

.login-card {
	width: 100%;
	max-width: 500px; /* Ancho máximo del formulario */
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	padding: 40px;
}

.login-header h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 32px;
	color: #274131;
	text-align: center;
	margin-bottom: 8px;
}
.login-header p {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #616d66;
	text-align: center;
	margin-bottom: 32px;
}

.login-alert-error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
	border-radius: 12px;
	padding: 12px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}

.login-alert-success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
	border-radius: 12px;
	padding: 12px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}

.login-form .form-group {
	margin-bottom: 24px;
}
.login-form .form-group label {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 15px;
	color: #495952;
}
.login-form .form-group input {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #c9ceda;
	border-radius: 12px;
	padding: 12px 16px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #697772;
}
.login-form .form-group input:focus {
	outline: none;
	border-color: #debf73;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3);
}

.login-form .form-group select {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #c9ceda;
	border-radius: 12px;
	padding: 12px 16px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #697772;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 16px 12px;
}
.login-form .form-group select:focus {
	outline: none;
	border-color: #debf73;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3);
}

.password-wrapper {
	position: relative;
}
.password-wrapper input {
	padding-right: 45px;
}
.password-wrapper button {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 45px;
	background: none;
	border: none;
	cursor: pointer;
	color: #6c757d;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-options {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
	font-size: 14px;
}
.remember-me {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Montserrat', sans-serif;
	color: #495952;
}
.remember-me input[type="checkbox"] {
	width: 16px;
	height: 16px;
}
.forgot-password {
	font-family: 'Montserrat', sans-serif;
	color: #3a5a47;
	text-decoration: none;
	font-weight: 500;
}
.forgot-password:hover {
	text-decoration: underline;
}

.login-footer {
	text-align: center;
	margin-top: 32px;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	color: #616d66;
}
.login-footer a {
	color: #3a5a47;
	font-weight: 600;
	text-decoration: none;
}
.login-footer a:hover {
	text-decoration: underline;
}

/* Caja de información adicional en forgot password */
.login-info-box {
	width: 100%;
	max-width: 500px;
	margin-top: 24px;
	background-color: #f7f3e7;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	padding: 24px;
}
.login-info-box h5 {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #414d48;
	margin-top: 0;
	margin-bottom: 16px;
}
.login-info-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	color: #616d66;
}
.login-info-box ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.login-info-box ul li:last-child {
	margin-bottom: 0;
}
.login-info-box i.bi-check-circle {
	color: #314e3c;
}


/* Estilos para que Select2 se parezca a nuestros inputs */
.select2-container--bootstrap-5 .select2-selection {
	background-color: #ffffff;
	border: 1px solid #c9ceda;
	border-radius: 12px;
	padding: 10px 12px; /* Aumentamos el padding vertical */
	height: auto; /* Altura automática como los inputs */
	min-height: 42px; /* Altura mínima consistente */
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #697772;
	display: flex; /* Para centrar verticalmente */
	align-items: center; /* Centrado vertical */
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	color: #697772;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: #debf73;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3);
}

/* Estilos adicionales para que Select2 coincida perfectamente con los inputs */
.select2-container--bootstrap-5 .select2-selection--single {
	height: auto;
	min-height: 42px;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 1.5;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
	height: 100%;
	right: 12px;
}

/* Estilo para el dropdown de Select2 */
.select2-container--bootstrap-5 .select2-dropdown {
	border: 1px solid #c9ceda;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.select2-container--bootstrap-5 .select2-results__option {
	padding: 10px 12px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #697772;
}

.select2-container--bootstrap-5 .select2-results__option--highlighted {
	background-color: #f7f3e7;
	color: #314e3c;
}

/* Estilo para las filas de 2 columnas en el formulario de registro */
.form-row {
	display: flex;
	gap: 20px;
}
.form-row .form-group {
	flex: 1;
}

/* Breadcrumb */
.breadcrumb {
	padding: 12px 16px;
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	list-style: none;
	display: flex;
	gap: 8px;
	font-size: 14px;
}
.breadcrumb-item a {
	color: #414d48;
	text-decoration: none;
	font-weight: 500;
}
.breadcrumb-item a:hover {
	text-decoration: underline;
}
.breadcrumb-item.active {
	color: #616d66;
	font-weight: 500;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "/";
	padding-right: 8px;
	color: #c9ceda;
}

/* Listas de detalles (Información Básica, etc.) */
.detail-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.detail-list li {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #f0e9db;
}
.detail-list li:last-child {
	border-bottom: none;
}
.detail-list li strong {
	font-weight: 600;
	color: #414d48;
}
.detail-list li span {
	color: #616d66;
}

/* Badges de estado (Sí/No) */
.badge-status {
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}
.badge-status.yes {
	background-color: #d4edda;
	color: #155724;
}
.badge-status.no {
	background-color: #f8d7da;
	color: #721c24;
}

/* Sidebar y formularios */
.sidebar-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.form-group input,
.form-group textarea,
.form-group select {
	width: 100%;
	padding: 10px;
	border: 1px solid #c9ceda;
	border-radius: 12px;
	background-color: #ffffff;
}

.form-group select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 16px 12px;
	padding-right: 2.5rem;
}

.form-group select:focus {
	outline: none;
	border-color: #debf73;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3);
}
.w-100 {
	width: 100%;
}

/* --- ESTILOS PÁGINA CREAR ANUNCIO --- */
.create-ad-page-container {
	max-width: 1200px;
	margin: 40px auto;
	padding: 0 24px;
}
.page-header {
	text-align: center;
	margin-bottom: 40px;
}
.page-title {
	font-size: 2.25rem;
	font-weight: 700;
	color: #314e3c;
	margin-bottom: 8px;
}
.page-subtitle {
	color: #616d66;
	font-size: 1.1rem;
}
.create-ad-layout {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 32px;
	align-items: start;
}
.create-ad-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	margin-bottom: 24px;
	overflow: hidden; /* <-- AÑADIDO: Clave para redondear las esquinas */
}
.create-ad-card-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 24px;
	background-color: #f7f3e7;
	border-bottom: 1px solid #eeeae0;
}
.create-ad-card-header h5 {
	margin: 0;
	font-weight: 600;
	font-size: 1.1rem;
	color: #314e3c;
}
.create-ad-card-header i {
	font-size: 1.25rem;
	color: #314e3c;
}
.create-ad-card-body {
	padding: 9px 24px 24px 24px;
}
.sidebar-card {
	background-color: #f7f3e7;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	margin-bottom: 24px;
}
.sidebar-card-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 24px;
	/* Se elimina el borde para unificar el fondo */
}
.sidebar-card-header h5 {
	margin: 0;
	font-size: 1.1rem;
	font-weight: 600;
	color: #314e3c;
}
.sidebar-card-header i {
	font-size: 1.25rem;
	color: #314e3c;
}
.sidebar-card-body {
	padding: 24px;
	padding-top: 0; /* Se ajusta para unir con el header */
	font-size: 0.95rem;
}
.sidebar-card-body ul,
.sidebar-card-body ol {
	padding-left: 20px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.sidebar-card-body ul li,
.sidebar-card-body ol li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.sidebar-card-body ul i {
	color: #3a5a47;
	margin-top: 3px;
}
.sidebar-card-body ol span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background-color: #debf73;
	color: #314e3c;
	font-weight: 600;
	border-radius: 50%;
	flex-shrink: 0;
}

/* Responsive para la página de crear anuncio */
@media (max-width: 992px) {
	.create-ad-layout {
		grid-template-columns: 1fr !important;
	}
}

/* Responsive para la navbar */
@media (max-width: 768px) {
	nav.main-nav {
		padding: 8px 20px !important;
	}
	
	nav.main-nav > .nav-container {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
	
	nav.main-nav .nav-logo-link {
		padding-right: 0 !important;
		justify-content: center;
	}
	
	nav.main-nav > .nav-container > .nav-menu-wrapper {
		flex-direction: column;
		gap: 12px;
		margin-left: 0 !important;
	}
	
	nav.main-nav > .nav-container > .nav-menu-wrapper > .nav-menu-left {
		justify-content: center;
		flex-wrap: wrap;
	}
	
	nav.main-nav > .nav-container > .nav-menu-wrapper > .nav-user-menu {
		margin-left: 0 !important;
		justify-content: center;
		flex-wrap: wrap;
	}
}

@media (max-width: 480px) {
	nav.main-nav {
		padding: 8px 16px !important;
	}
	
	nav.main-nav .nav-logo-link .nav-logo-text {
		font-size: 18px !important;
	}
	
	nav.main-nav .nav-logo-link .nav-logo-img {
		height: 32px !important;
		width: 38px !important;
	}
	
	nav.main-nav > .nav-container > .nav-menu-wrapper > .nav-menu-left a {
		font-size: 14px !important;
		padding: 6px !important;
	}
	
	nav.main-nav > .nav-container > .nav-menu-wrapper > .nav-user-menu a {
		font-size: 14px !important;
		padding: 6px !important;
	}
}
.footer-logos {
		background-color: white;
	padding: 12px 15%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 12px;
	margin: 0 auto;
}

/* Responsive para el footer con logos */
@media (max-width: 768px) {
	.footer-logos {
		padding: 12px 10px !important;
		gap: 16px !important;
		align-items: center !important;
	}
	
	.footer-logos img {
		max-width: 120px !important;
	}
}

@media (max-width: 480px) {
	.footer-logos {
		padding: 12px 16px !important;
		gap: 12px !important;
	}
	
	.footer-logos img {
		height: 35px !important;
		max-width: 100px !important;
	}
}

/* Estilos para el nuevo input de archivos */
.file-drop-zone {
	border: 2px dashed #c9ceda;
	border-radius: 12px;
	padding: 32px;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: #fcf9f1;
}
.file-drop-zone:hover {
	border-color: #314e3c;
	background-color: #f7f3e7;
}
.file-drop-zone-prompt i {
	font-size: 2.5rem;
	color: #314e3c;
}
.file-drop-zone-prompt p {
	margin: 8px 0;
	color: #616d66;
}
.file-drop-zone-prompt p span {
	color: #314e3c;
	font-weight: 600;
	text-decoration: underline;
}
.file-drop-zone-prompt small {
	color: #9ca8a3;
}
.file-drop-zone-input {
	display: none;
}
.file-previews {
	margin-top: 16px;
}
.file-previews h6 {
	font-weight: 600;
}
.file-previews ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 0.9rem;
}
.file-previews li {
	background-color: #f7f3e7;
	padding: 8px 12px;
	border-radius: 8px;
}

/* --- ESTILOS PÁGINA MI CUENTA FIGMA --- */
.mi-cuenta-figma {
	background-color: #fefaef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.mi-cuenta-main {
	flex: 1;
	padding: 24px;
	max-width: 1368px;
	margin: 0 auto;
	width: 100%;
}

.mi-cuenta-container {
	border-bottom: 1px solid #eeeae0;
	padding-bottom: 24px;
}

.btn-nuevo-anuncio-container {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 24px;
}

.btn-nuevo-anuncio {
	background-color: #debf73;
	color: #173b25;
	padding: 11.5px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-nuevo-anuncio:hover {
	background-color: #d4b366;
	color: #173b25;
}

.mi-cuenta-content {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.estadisticas-section {
	flex: 1;
}

.mi-cuenta-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0 0 24px 0;
	font-family: 'Raleway', sans-serif;
}

.estadisticas-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-bottom: 40px;
}

.estadistica-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	padding: 16px;
	display: flex;
	gap: 24px;
	align-items: center;
	min-height: 120px;
}

.estadistica-icon-container {
	background-color: #f5f7f6;
	border-radius: 20px;
	padding: 38px 0;
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.estadistica-icon {
	font-size: 40px;
	color: #225837;
}

.estadistica-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.estadistica-title {
	font-size: 18px;
	font-weight: 500;
	color: #314e3c;
	margin: 0 0 12px 0;
	font-family: 'Raleway', sans-serif;
}

.estadistica-number {
	display: flex;
	gap: 6px;
	align-items: end;
	margin-bottom: 24px;
}

.estadistica-number .number {
	font-size: 26px;
	font-weight: 600;
	color: #4c5f57;
	font-family: 'Raleway', sans-serif;
}

.estadistica-number .label {
	font-size: 15.1px;
	color: #616d66;
	font-family: 'Raleway', sans-serif;
}

.estadistica-button {
	width: 100%;
}

.btn-ver-estadistica {
	background-color: #3a5a47;
	color: #fef7e7;
	padding: 10px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-ver-estadistica:hover {
	background-color: #314e3c;
	color: #fef7e7;
}

.ultimos-anuncios-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 32px 0 24px 0;
	font-family: 'Raleway', sans-serif;
}

.ultimos-anuncios-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.anuncio-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	padding: 16px;
	display: flex;
	gap: 24px;
}

.anuncio-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.anuncio-header {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}

.anuncio-title {
	font-size: 18px;
	font-weight: 600;
	color: #314e3c;
	margin: 0;
	flex: 1;
	font-family: 'Raleway', sans-serif;
	line-height: 21.1px;
}

.anuncio-status {
	padding: 8px 16px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	color: #314e3c;
	font-family: 'Raleway', sans-serif;
	white-space: nowrap;
}

.status-approved {
	background-color: #cbeed0;
}

.status-rejected {
	background-color: #ffc8bd;
}

.status-pending {
	background-color: #ffe0bc;
}

.anuncio-actions {
	display: flex;
	gap: 10px;
}

.btn-anuncio {
	background-color: transparent;
	border: 1px solid #bbcac0;
	border-radius: 24px;
	padding: 10px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #314e3c;
	transition: all 0.2s ease;
}

.btn-anuncio:hover {
	background-color: #f5f7f6;
	color: #314e3c;
}

.sin-anuncios {
	text-align: center;
	padding: 40px 20px;
	color: #616d66;
	grid-column: 1 / -1;
}

.sin-anuncios i {
	font-size: 3rem;
	margin-bottom: 16px;
	display: block;
	color: #9ca8a3;
}

.sin-anuncios p {
	margin: 0 0 16px 0;
	font-size: 1rem;
}

.btn-crear-primer {
	background-color: #314e3c;
	color: #fffefa;
	padding: 12px 24px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	display: inline-block;
	transition: all 0.2s ease;
}

.btn-crear-primer:hover {
	background-color: #2a4238;
	color: #fffefa;
}

/* Sidebar de perfil */
.perfil-sidebar {
	max-width: 440px;
	flex-shrink: 0;
}

.perfil-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0 0 24px 0;
	font-family: 'Raleway', sans-serif;
}

.perfil-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	padding: 16px;
	min-width: 300px;
}

.perfil-avatar-container {
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
}

.perfil-avatar {
	background-color: #f5f7f6;
	border-radius: 20px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.perfil-avatar i {
	font-size: 24px;
	color: #225837;
}

.perfil-info {
	margin-bottom: 8px;
}

.info-item {
	margin-bottom: 8px;
}

.info-label {
	font-size: 14px;
	font-weight: 500;
	color: #3a5a47;
	margin: 0 0 2px 0;
	display: block;
	font-family: 'Raleway', sans-serif;
}

.info-value {
	font-size: 14px;
	color: #697772;
	font-family: 'Raleway', sans-serif;
}

.perfil-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.btn-editar-perfil {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 10px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-editar-perfil:hover {
	background-color: #c8d5cc;
	color: #314e3c;
}

.btn-eliminar-cuenta {
	background-color: transparent;
	border: 1px solid #d24c4c;
	color: #314e3c;
	padding: 8px 12px;
	border-radius: 12px;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-eliminar-cuenta:hover {
	background-color: #f5f5f5;
	color: #314e3c;
}

/* Responsive para mi cuenta */
@media (max-width: 992px) {
	.mi-cuenta-content {
		flex-direction: column;
	}
	
	.perfil-sidebar {
		width: 100%;
	}
	
	.perfil-card {
		min-width: auto;
		width: 100%;
	}
}

@media (max-width: 600px) {
	.estadisticas-grid {
		grid-template-columns: 1fr;
	}
	
	.ultimos-anuncios-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.mi-cuenta-main {
		padding: 24px 16px;
	}
	
	.estadisticas-grid {
		gap: 16px;
	}
	
	.estadistica-card {
		flex-direction: column;
		text-align: center;
		gap: 16px;
	}
	
	.estadistica-icon-container {
		width: 100px;
		height: 80px;
	}
	
	.estadistica-icon {
		font-size: 32px;
	}
}

/* --- ESTILOS PÁGINA NOTIFICACIONES --- */
.notificaciones-figma {
	background-color: #fefaef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.notificaciones-main {
	flex: 1;
	padding: 24px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}

.notificaciones-container {
	border-bottom: 1px solid #eeeae0;
	padding-bottom: 24px;
}

.notificaciones-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.notificaciones-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.notificaciones-title i {
	color: #314e3c;
	font-size: 20px;
}

.notificaciones-actions {
	display: flex;
	gap: 12px;
}

.btn-marcar-todas {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 10px 16px;
	border-radius: 12px;
	border: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-marcar-todas:hover {
	background-color: #c8d5cc;
	color: #314e3c;
}

.btn-actualizar {
	background-color: #314e3c;
	color: #fffefa;
	padding: 10px 16px;
	border-radius: 12px;
	border: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-actualizar:hover {
	background-color: #2a4238;
	color: #fffefa;
}

/* Estado vacío */
.sin-notificaciones {
	text-align: center;
	padding: 60px 20px;
}

.sin-notificaciones-content {
	max-width: 400px;
	margin: 0 auto;
}

.sin-notificaciones i {
	font-size: 4rem;
	color: #9ca8a3;
	margin-bottom: 24px;
	display: block;
}

.sin-notificaciones h3 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #616d66;
	margin: 0 0 16px 0;
	font-family: 'Raleway', sans-serif;
}

.sin-notificaciones p {
	color: #616d66;
	margin: 0 0 24px 0;
	line-height: 1.5;
}

.btn-explorar {
	background-color: #314e3c;
	color: #fffefa;
	padding: 12px 24px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.btn-explorar:hover {
	background-color: #2a4238;
	color: #fffefa;
}

/* Lista de notificaciones */
.notificaciones-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.notificacion-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
}

.notificacion-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(49, 78, 60, 0.08);
	border-color: #d4d0c4;
}

.notificacion-card.nueva {
	border-left: 4px solid #314e3c;
	background: linear-gradient(90deg, rgba(49, 78, 60, 0.05) 0%, transparent 100%);
}

.notificacion-icon {
	background-color: #f5f7f6;
	border-radius: 20px;
	padding: 33px 0;
	width: 107px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.notificacion-icon i {
	font-size: 27px;
	color: #225837;
}

.notificacion-content {
	flex: 1;
	min-width: 0;
}

.notificacion-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 8px;
}

.notificacion-title {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	line-height: 1.4;
}

.notificacion-title.nueva {
	color: #314e3c;
}

.notificacion-title.leida {
	color: #616d66;
}

.notificacion-count {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	margin-left: 8px;
}

.badge-nuevo {
	background-color: #314e3c;
	color: #fffefa;
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.notificacion-message {
	color: #616d66;
	margin: 0 0 12px 0;
	line-height: 1.5;
	font-size: 14px;
}

.notificacion-meta {
	display: flex;
	gap: 16px;
	align-items: center;
	margin-bottom: 8px;
}

.notificacion-time,
.notificacion-group {
	color: #9ca8a3;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.notificacion-range {
	color: #9ca8a3;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.notificacion-action {
	flex-shrink: 0;
}

.btn-marcar-leida {
	background-color: #dce7e0;
	color: #314e3c;
	border: none;
	border-radius: 8px;
	padding: 8px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-marcar-leida:hover {
	background-color: #c8d5cc;
	color: #314e3c;
}

.icono-leida {
	color: #28a745;
	font-size: 16px;
}

/* Responsive para notificaciones */
@media (max-width: 768px) {
	.notificaciones-main {
		padding: 24px 16px;
	}
	
	.notificaciones-header {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
	
	.notificaciones-actions {
		justify-content: center;
	}
	
	.notificacion-card {
		padding: 16px;
	}
	
	.notificacion-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

/* --- ESTILOS PÁGINA CHATS --- */
.chats-figma {
	background-color: #fefaef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.chats-main {
	flex: 1;
	padding: 24px;
	max-width: 1367px;
	margin: 0 auto;
	width: 100%;
}

.chats-container {
	border-bottom: 1px solid #eeeae0;
	padding-bottom: 24px;
}

.chats-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.chats-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.chats-title i {
	color: #314e3c;
	font-size: 20px;
}

.chats-actions {
	display: flex;
	gap: 12px;
}

.btn-volver-catalogo {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 10px 16px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.btn-volver-catalogo:hover {
	background-color: #c8d5cc;
	color: #314e3c;
}

/* Estado vacío */
.sin-chats {
	text-align: center;
	padding: 60px 20px;
}

.sin-chats-content {
	max-width: 400px;
	margin: 0 auto;
}

.sin-chats i {
	font-size: 4rem;
	color: #9ca8a3;
	margin-bottom: 24px;
	display: block;
}

.sin-chats h3 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #616d66;
	margin: 0 0 16px 0;
	font-family: 'Raleway', sans-serif;
}

.sin-chats p {
	color: #616d66;
	margin: 0 0 24px 0;
	line-height: 1.5;
}

.btn-explorar {
	background-color: #314e3c;
	color: #fffefa;
	padding: 12px 24px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.btn-explorar:hover {
	background-color: #2a4238;
	color: #fffefa;
}

/* Lista de chats */
.chats-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.chat-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
}

.chat-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(49, 78, 60, 0.08);
	border-color: #d4d0c4;
}

.chat-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #f5f7f6;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.chat-avatar i {
	font-size: 20px;
	color: #225837;
}

.chat-content {
	flex: 1;
	min-width: 0;
}

.chat-participant {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	color: #314e3c;
}

.chat-meta {
	display: flex;
	gap: 8px;
	align-items: center;
}

.chat-badge {
	background-color: #314e3c;
	color: #fffefa;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
}

.chat-time {
	color: #9ca8a3;
	font-size: 12px;
}

.chat-ad-title {
	color: #616d66;
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 500;
}

.chat-last-message {
	color: #616d66;
	margin: 0;
	line-height: 1.5;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Responsive para chats */
@media (max-width: 768px) {
	.chats-main {
		padding: 24px 16px;
	}
	
	.chats-header {
	flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
	
	.chats-actions {
		justify-content: center;
	}
	
	.chat-card {
		padding: 16px;
	}
	
	.chat-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	
	.chat-meta {
		align-self: flex-end;
	}
}

/* --- ESTILOS CHAT CON SIDEBAR --- */
.chat-figma {
	background-color: #fefaef;
	min-height: calc(100vh - 80px); /* Resta navbar y footer */
	display: flex;
	flex-direction: column;
}

.chat-main {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr 350px;
	gap: 24px;
	padding: 24px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}

.chat-container {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-height: calc(100vh - 120px);
}
.chats-list .chat-header {
	color: #fffefa;
	margin-bottom: .25rem !important;
	display: flex;
	justify-content: space-between;
}
.chat-container .chat-header {
	background-color: #314e3c;
	color: #fffefa;
	padding: 20px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #eeeae0;
}

.chat-title {
	font-size: 18px;
	font-weight: 600;
	color: #fffefa;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 8px;
}

.chat-title i {
	color: #fffefa;
	font-size: 16px;
}

.btn-volver-anuncio {
	color: #fffefa;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.btn-volver-anuncio:hover {
	color: #dce7e0;
}

.btn-volver-anuncio i {
	font-size: 14px;
}

.chat-messages-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	background-color: #f0f0f0;
	height: calc(100vh - 168px);
	max-height: calc(100vh - 168px);
}

.chat-date-header {
	background-color: #f0f0f0;
	padding: 12px 0;
	text-align: center;
	position: sticky;
	top: 0;
	z-index: 10;
}

.chat-date-badge {
	background-color: #dce7e0;
	color: #616d66;
	padding: 6px 16px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
}

.chat-messages {
	flex: 1;
	padding: 20px 24px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-height: 0; /* Permite que el scroll funcione */
}

.message-wrapper {
	display: flex;
	width: 100%;
}

.message-wrapper.message-own {
	justify-content: flex-end;
}

.message-wrapper.message-other {
	justify-content: flex-start;
}

.message-bubble {
	padding: 10px 15px;
	border-radius: 18px;
	border-bottom-left-radius: 18px;
	position: relative;
	word-wrap: break-word;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.message-wrapper.message-own .message-bubble {
	background-color: #dcf8c6;
	color: #414d48;
	border-bottom-right-radius: 4px;
}

.message-wrapper.message-other .message-bubble {
	background-color: #ffffff;
	color: #414d48;
	border: 1px solid #eeeae0;
	border-bottom-left-radius: 4px;
}

.message-content {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 4px;
	word-wrap: break-word;
}

.message-time {
	font-size: 11px;
	opacity: 0.7;
	text-align: right;
	margin-top: 4px;
}

.chat-form {
	background-color: #fffefa;
	border-top: 1px solid #eeeae0;
	padding: 20px 24px;
}

.chat-input-container {
	display: flex;
	gap: 12px;
	align-items: center;
}

.chat-input {
	flex: 1;
	padding: 12px 16px;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	font-size: 14px;
	background-color: #fffefa;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.chat-input:focus {
	outline: none;
	border-color: #314e3c;
	box-shadow: 0 0 0 2px rgba(49, 78, 60, 0.1);
}

.chat-input::placeholder {
	color: #9ca8a3;
}

.btn-enviar-mensaje {
	background-color: #314e3c;
	color: #fffefa;
	border: none;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.btn-enviar-mensaje:hover {
	background-color: #2a4238;
	transform: scale(1.05);
}

.btn-enviar-mensaje i {
	font-size: 16px;
}

/* Sidebar */
.chat-sidebar {
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: calc(100vh - 168px);
	max-height: calc(100vh - 168px);
}

.sidebar-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	overflow: hidden;
}

.sidebar-card-header {
	background-color: #f5f7f6;
	border-bottom: 1px solid #eeeae0;
	padding: 16px 20px;
}

.sidebar-header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.sidebar-title {
	font-size: 16px;
	font-weight: 600;
	color: #314e3c;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 8px;
}

.sidebar-title i {
	color: #225837;
	font-size: 14px;
}

.btn-gestionar-ofertas {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 6px 10px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 12px;
	transition: all 0.2s ease;
}

.btn-gestionar-ofertas:hover {
	background-color: #c8d5cc;
	color: #314e3c;
}

.sidebar-card-body {
	padding: 20px;
}

.ad-title {
	font-size: 16px;
	font-weight: 600;
	color: #314e3c;
	margin: 0 0 12px 0;
	font-family: 'Raleway', sans-serif;
}

.ad-description {
	color: #616d66;
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 16px 0;
}

.ad-details {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.detail-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.detail-label {
	font-weight: 600;
	color: #616d66;
	font-size: 14px;
}

.detail-value {
	color: #314e3c;
	font-size: 14px;
}

.detail-status {
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
}

.status-approved {
	background-color: #d4edda;
	color: #155724;
}

.status-rejected {
	background-color: #f8d7da;
	color: #721c24;
}

.status-pending {
	background-color: #fff3cd;
	color: #856404;
}

/* Ofertas */
.offers-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-height: 400px;
	overflow-y: auto;
}

.offer-item {
	padding: 16px;
	background-color: #f8f9fa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
}

.offer-amount {
	font-size: 18px;
	font-weight: 700;
	color: #314e3c;
	margin-bottom: 8px;
	font-family: 'Raleway', sans-serif;
}

.offer-details {
	margin-bottom: 12px;
}

.offer-buyer {
	font-weight: 600;
	color: #616d66;
	font-size: 14px;
	margin-bottom: 4px;
}

.offer-message {
	color: #616d66;
	font-size: 13px;
	font-style: italic;
}

.offer-meta {
	display: block;
	justify-content: space-between;
	align-items: center;
}

.offer-time {
	color: #9ca8a3;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.offer-status {
	padding: 2px 8px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 600;
}

.status-accepted {
	background-color: #d4edda;
	color: #155724;
	text-align: center;
}

.status-rejected {
	background-color: #f8d7da;
	color: #721c24;
	text-align: center;
}

.status-pending {
	background-color: #fff3cd;
	color: #856404;
	text-align: center;
	text-align: center;
}

/* Estilos para el apartado de ofertas en vista de anuncio individual */
.ad-offers-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	margin-bottom: 24px;
	overflow: hidden;
}

.ad-offers-card .card-header {
	background-color: #eef2ef;
	border-bottom: 1px solid #eeeae0;
	padding: 16px;
	margin: 0;
}

.ad-offers-card .card-header h6 {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #414d48;
	display: flex;
	align-items: center;
	gap: 8px;
}

.ad-offers-card .card-header i {
	color: #debf73;
	font-size: 16px;
}

.ad-offers-section {
	padding: 0;
}

.ad-offers-section .border-bottom {
	border-bottom: 1px solid #eeeae0 !important;
	padding: 16px;
	transition: background-color 0.2s ease;
}

.ad-offers-section .border-bottom:hover {
	background-color: #f8f9fa;
}

.ad-offers-section .border-bottom:last-child {
	border-bottom: none !important;
}

.ad-offers-section .text-warning {
	color: #debf73 !important;
	font-weight: 700;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
}

.ad-offers-section .text-muted {
	color: #616d66 !important;
	font-size: 14px;
}

.ad-offers-section .badge {
	font-size: 11px;
	font-weight: 600;
	padding: 4px 8px;
	border-radius: 8px;
}

.ad-offers-section .bg-warning {
	background-color: #fff3cd !important;
	color: #856404 !important;
}

.ad-offers-section .bg-success {
	background-color: #d4edda !important;
	color: #155724 !important;
}

.ad-offers-section .bg-danger {
	background-color: #f8d7da !important;
	color: #721c24 !important;
}

/* Estilos para el botón de favoritos en el catálogo */
.ad-favorite-btn {
	transition: all 0.2s ease;
	cursor: pointer;
}

.ad-favorite-btn:hover {
	transform: scale(1.05);
}

.favorite-icon {
	transition: all 0.2s ease;
}

/* Fix for chat offers - override card badge positioning */
.card .badge {
	position: static !important;
	display: inline-block !important;
	margin-left: 0.5rem !important;
	top: auto !important;
	right: auto !important;
	z-index: auto !important;
}

/* Chat full height layout */
.chat-container {
	min-height: calc(100vh - 120px);
}

.chat-messages-container {
	height: calc(100vh - 168px);
	max-height: calc(100vh - 168px);
}

.chat-sidebar {
	height: calc(100vh - 168px);
	max-height: calc(100vh - 168px);
	display: flex;
	flex-direction: column;
}

.chat-sidebar .sidebar-card {
	flex-shrink: 0;
}

.chat-sidebar .sidebar-card:last-child {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
	max-height: calc(100vh - 268px);
}

.chat-sidebar .sidebar-card:last-child .sidebar-card-body {
	flex-grow: 1;
	overflow-y: auto;
	min-height: 0;
	max-height: calc(100vh - 400px);
}

/* Responsive para chat con sidebar */
@media (max-width: 1024px) {
	.chat-main {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.chat-sidebar {
		order: -1;
		height: auto;
		max-height: none;
	}
}

@media (max-width: 992px) {
	.chat-messages-container {
		height: calc(100vh - 250px);
		max-height: calc(100vh - 250px);
	}
	
	.chat-sidebar {
		height: auto;
		max-height: none;
	}
}

@media (max-width: 768px) {
	.chat-main {
		padding: 16px;
	}
	
	.chat-header {
		padding: 16px;
		flex-direction: column;
		gap: 12px;
		align-items: stretch;
	}
	
	.chat-messages {
		padding: 16px;
	}
	
	.chat-form {
		padding: 16px;
	}
	
	.sidebar-card-body {
		padding: 16px;
	}
	
	.message-bubble {
		max-width: 85%;
	}
}

/* Estilos para separadores y títulos dentro de tarjetas - ELIMINADOS */

/* Estilo para que Select2 se parezca a nuestros inputs */
.select2-container--bootstrap-5 .select2-selection {
	background-color: #ffffff;
	border: 1px solid #c9ceda;
	border-radius: 12px;
	padding: 10px 12px; /* Aumentamos el padding vertical */
	height: auto; /* Altura automática como los inputs */
	min-height: 42px; /* Altura mínima consistente */
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #697772;
	display: flex; /* Para centrar verticalmente */
	align-items: center; /* Centrado vertical */
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	color: #697772;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: #debf73;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3);
}

/* Estilos adicionales para que Select2 coincida perfectamente con los inputs */
.select2-container--bootstrap-5 .select2-selection--single {
	height: auto;
	min-height: 42px;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 1.5;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
	height: 100%;
	right: 12px;
}

/* Estilo para el dropdown de Select2 */
.select2-container--bootstrap-5 .select2-dropdown {
	border: 1px solid #c9ceda;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.select2-container--bootstrap-5 .select2-results__option {
	padding: 10px 12px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #697772;
}

.select2-container--bootstrap-5 .select2-results__option--highlighted {
	background-color: #f7f3e7;
	color: #314e3c;
}

/* Estilo para las filas de 2 columnas en el formulario de registro */
.form-row {
	display: flex;
	gap: 20px;
}
.form-row .form-group {
	flex: 1;
}

/* Breadcrumb */
.breadcrumb {
	padding: 12px 16px;
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	list-style: none;
	display: flex;
	gap: 8px;
	font-size: 14px;
}
.breadcrumb-item a {
	color: #414d48;
	text-decoration: none;
	font-weight: 500;
}
.breadcrumb-item a:hover {
	text-decoration: underline;
}
.breadcrumb-item.active {
	color: #616d66;
	font-weight: 500;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "/";
	padding-right: 8px;
	color: #c9ceda;
}

/* Listas de detalles (Información Básica, etc.) */
.detail-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.detail-list li {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #f0e9db;
}
.detail-list li:last-child {
	border-bottom: none;
}
.detail-list li strong {
	font-weight: 600;
	color: #414d48;
}
.detail-list li span {
	color: #616d66;
}

/* Badges de estado (Sí/No) */
.badge-status {
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}
.badge-status.yes {
	background-color: #d4edda;
	color: #155724;
}
.badge-status.no {
	background-color: #f8d7da;
	color: #721c24;
}

/* Sidebar y formularios */
.sidebar-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.form-group input,
.form-group textarea,
.form-group select {
	width: 100%;
	padding: 10px;
	border: 1px solid #c9ceda;
	border-radius: 12px;
	background-color: #ffffff;
}

.form-group select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 16px 12px;
	padding-right: 2.5rem;
}

.form-group select:focus {
	outline: none;
	border-color: #debf73;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3);
}
.w-100 {
	width: 100%;
}


/* Estilo para que Select2 se parezca a nuestros inputs */
.select2-container--bootstrap-5 .select2-selection {
	background-color: #ffffff;
	border: 1px solid #c9ceda;
	border-radius: 12px;
	padding: 22.5px 12px;
	height: auto; /* Altura automática como los inputs */
	min-height: 42px; /* Altura mínima consistente */
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #697772;
	display: flex!important; /* Para centrar verticalmente */
	align-items: center; /* Centrado vertical */
}
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	color: #697772;
}
.select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: #debf73;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3);
}

/* Estilos adicionales para que Select2 coincida perfectamente con los inputs */
.select2-container--bootstrap-5 .select2-selection--single {
	height: auto;
	min-height: 42px;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 1.5;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
	height: 100%;
	right: 12px;
}

/* Estilo para el dropdown de Select2 */
.select2-container--bootstrap-5 .select2-dropdown {
	border: 1px solid #c9ceda;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.select2-container--bootstrap-5 .select2-results__option {
	padding: 10px 12px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #697772;
}

.select2-container--bootstrap-5 .select2-results__option--highlighted {
	background-color: #f7f3e7;
	color: #314e3c;
}

/* Estilo para las filas de 2 columnas en el formulario de registro */
.form-row {
	display: flex;
	gap: 20px;
}
.form-row .form-group {
	flex: 1;
}

/* Breadcrumb */
.breadcrumb {
	padding: 12px 16px;
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	list-style: none;
	display: flex;
	gap: 8px;
	font-size: 14px;
}
.breadcrumb-item a {
	color: #414d48;
	text-decoration: none;
	font-weight: 500;
}
.breadcrumb-item a:hover {
	text-decoration: underline;
}
.breadcrumb-item.active {
	color: #616d66;
	font-weight: 500;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "/";
	padding-right: 8px;
	color: #c9ceda;
}

/* Listas de detalles (Información Básica, etc.) */
.detail-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.detail-list li {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #f0e9db;
}
.detail-list li:last-child {
	border-bottom: none;
}
.detail-list li strong {
	font-weight: 600;
	color: #414d48;
}
.detail-list li span {
	color: #616d66;
}

/* Badges de estado (Sí/No) */
.badge-status {
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
}
.badge-status.yes {
	background-color: #d4edda;
	color: #155724;
}
.badge-status.no {
	background-color: #f8d7da;
	color: #721c24;
}

/* Sidebar y formularios */
.sidebar-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.form-group label {
	display: block;
	margin-top: 15px;
	font-weight: 500;
	color: #414d48;
}
.form-group input,
.form-group textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #c9ceda;
	border-radius: 12px;
	background-color: #ffffff;
}
.w-100 {
	width: 100%;
}

/* --- ESTILOS PÁGINA FAVORITOS --- */
.favoritos-figma {
	background-color: #fefaef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.favoritos-main {
	flex: 1;
	padding: 24px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}

.favoritos-container {
	border-bottom: 1px solid #eeeae0;
	padding-bottom: 24px;
}

.favoritos-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.favoritos-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.favoritos-title i {
	color: #dc3545;
	font-size: 20px;
}

.favoritos-actions {
	display: flex;
	gap: 12px;
}

.favoritos-count {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 8px 16px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}

/* Lista de favoritos */
.favoritos-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.favorito-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
}

.favorito-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(49, 78, 60, 0.08);
	border-color: #d4d0c4;
}

.favorito-image {
	position: relative;
	width: 120px;
	height: 120px;
	border-radius: 12px;
	overflow: hidden;
	flex-shrink: 0;
}

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

.favorito-placeholder {
	width: 100%;
	height: 100%;
	background-color: #f5f7f6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.favorito-placeholder i {
	font-size: 2.5rem;
	color: #9ca8a3;
}

.favorito-price {
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: #debf73;
	color: #173b25;
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}

.favorito-content {
	flex: 1;
	min-width: 0;
}

.favorito-header {
	margin-bottom: 12px;
}

.favorito-title {
	font-size: 18px;
	font-weight: 600;
	color: #314e3c;
	margin: 0 0 8px 0;
	font-family: 'Raleway', sans-serif;
	line-height: 1.4;
}

.favorito-meta {
	display: flex;
	gap: 16px;
	align-items: center;
	margin-bottom: 8px;
}

.favorito-location,
.favorito-year {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #616d66;
	font-size: 14px;
}

.favorito-location i,
.favorito-year i {
	color: #9ca8a3;
	font-size: 12px;
}

.favorito-pedigree {
	display: flex;
	align-items: center;
	gap: 6px;
	background-color: #f7f3e7;
	color: #314e3c;
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 8px;
	width: fit-content;
}

.favorito-pedigree i {
	color: #debf73;
	font-size: 12px;
}

.favorito-description {
	color: #616d66;
	margin: 0;
	line-height: 1.5;
	font-size: 14px;
}

.favorito-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-shrink: 0;
	min-width: 180px;
}

.btn-ver-detalle,
.btn-chat,
.btn-eliminar-favorito {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 12px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
	border: none;
	cursor: pointer;
	width: 100%;
	justify-content: center;
}

.btn-ver-detalle {
	background-color: #314e3c;
	color: #fffefa;
}

.btn-ver-detalle:hover {
	background-color: #2a4238;
	color: #fffefa;
}

.btn-chat {
	background-color: #dce7e0;
	color: #314e3c;
}

.btn-chat:hover {
	background-color: #c8d5cc;
	color: #314e3c;
}

.btn-eliminar-favorito {
	background-color: transparent;
	border: 1px solid #dc3545;
	color: #dc3545;
}

.btn-eliminar-favorito:hover {
	background-color: #dc3545;
	color: #fffefa;
}

/* Estado vacío */
.sin-favoritos {
	text-align: center;
	padding: 60px 20px;
}

.sin-favoritos-content {
	max-width: 400px;
	margin: 0 auto;
}

.sin-favoritos i {
	font-size: 4rem;
	color: #9ca8a3;
	margin-bottom: 24px;
	display: block;
}

.sin-favoritos h3 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #616d66;
	margin: 0 0 16px 0;
	font-family: 'Raleway', sans-serif;
}

.sin-favoritos p {
	color: #616d66;
	margin: 0 0 24px 0;
	line-height: 1.5;
}

.btn-explorar {
	background-color: #314e3c;
	color: #fffefa;
	padding: 12px 24px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.btn-explorar:hover {
	background-color: #2a4238;
	color: #fffefa;
}

/* Responsive para favoritos */
@media (max-width: 768px) {
	.favoritos-main {
		padding: 24px 16px;
	}
	
	.favoritos-header {
		padding: 0px 5px;
		margin-bottom: 20px;
	}
	
	.favoritos-actions {
		justify-content: center;
	}
	
	.favorito-card {
		padding: 16px;
		flex-direction: column;
		gap: 16px;
	}
	
	.favorito-image {
		width: 100%;
		height: 200px;
	}
	
	.favorito-actions {
		flex-direction: row;
		min-width: auto;
		gap: 8px;
		width: 100%;
	}
	
	.btn-ver-detalle,
	.btn-chat,
	.btn-eliminar-favorito {
		flex: 1;
		font-size: 12px;
		padding: 6px 8px;
	}
}

/* --- ESTILOS PÁGINA MIS ANUNCIOS --- */
.mis-anuncios-figma {
	background-color: #fefaef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.mis-anuncios-main {
	flex: 1;
	padding: 24px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}

.mis-anuncios-container {
	border-bottom: 1px solid #eeeae0;
	padding-bottom: 24px;
}

.mis-anuncios-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.mis-anuncios-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.mis-anuncios-title i {
	color: #314e3c;
	font-size: 20px;
}

.mis-anuncios-actions {
	display: flex;
	gap: 12px;
}

.btn-nuevo-anuncio {
	background-color: #debf73;
	color: #173b25;
	padding: 11.5px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-nuevo-anuncio:hover {
	background-color: #d4b366;
	color: #173b25;
}

/* Grid de anuncios */
.mis-anuncios-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	margin-bottom: 32px;
}

/* Lista de anuncios (fallback) */
.mis-anuncios-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Tarjetas del grid */
.anuncio-card-grid {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.2s ease;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.anuncio-card-grid:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 25px rgba(49, 78, 60, 0.12);
	border-color: #d4d0c4;
}

.anuncio-image {
	position: relative;
	height: 200px;
	overflow: hidden;
}

.anuncio-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.anuncio-card-grid:hover .anuncio-img {
	transform: scale(1.05);
}

.anuncio-placeholder {
	width: 100%;
	height: 100%;
	background-color: #f5f7f6;
	display: flex;
	align-items: center;
	justify-content: center;
}

.anuncio-placeholder i {
	font-size: 3rem;
	color: #9ca8a3;
}

.anuncio-status-badge {
	position: absolute;
	bottom: 12px;
	right: 12px;
	padding: 6px 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	white-space: nowrap;
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.9);
}

.anuncio-status-badge.status-approved {
	color: #155724;
	background-color: rgba(212, 237, 218, 0.9);
}

.anuncio-status-badge.status-rejected {
	color: #721c24;
	background-color: rgba(248, 215, 218, 0.9);
}

.anuncio-status-badge.status-pending {
	color: #856404;
	background-color: rgba(255, 243, 205, 0.9);
}

.anuncio-ad-status-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 6px 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	white-space: nowrap;
	backdrop-filter: blur(10px);
	background-color: rgba(255, 255, 255, 0.9);
}

.anuncio-ad-status-badge.ad-status-for_sale {
	color: #155724;
	background-color: rgba(212, 237, 218, 0.9);
}

.anuncio-ad-status-badge.ad-status-reserved {
	color: #856404;
	background-color: rgba(255, 243, 205, 0.9);
}

.anuncio-ad-status-badge.ad-status-sold {
	color: #721c24;
	background-color: rgba(248, 215, 218, 0.9);
}

.anuncio-content-grid {
	padding: 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.anuncio-title-grid {
	font-size: 18px;
	font-weight: 600;
	color: #314e3c;
	margin: 0 0 12px 0;
	font-family: 'Raleway', sans-serif;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.anuncio-meta-grid {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 12px;
}

.anuncio-location,
.anuncio-year {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #616d66;
	font-size: 14px;
}

.anuncio-location i,
.anuncio-year i {
	color: #9ca8a3;
	font-size: 12px;
}

.anuncio-description-grid {
	color: #616d66;
	margin: 0 0 12px 0;
	line-height: 1.5;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1;
}

.anuncio-rejection-grid {
	display: flex;
	align-items: center;
	gap: 6px;
	background-color: #f8d7da;
	color: #721c24;
	padding: 6px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 12px;
}

.anuncio-rejection-grid i {
	font-size: 12px;
}

.anuncio-date-grid {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #9ca8a3;
	font-size: 12px;
	margin-top: auto;
}

.anuncio-date-grid i {
	font-size: 12px;
}

.anuncio-actions-grid {
	display: flex;
	justify-content: space-between;
	padding: 16px 20px;
	background-color: #f8f9fa;
	border-top: 1px solid #eeeae0;
	gap: 8px;
}

.btn-ver-anuncio-grid,
.btn-editar-anuncio-grid,
.btn-eliminar-anuncio-grid {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	text-decoration: none;
	font-size: 16px;
	transition: all 0.2s ease;
	border: none;
	cursor: pointer;
	flex: 1;
}

.btn-ver-anuncio-grid {
	background-color: #314e3c;
	color: #fffefa;
}

.btn-ver-anuncio-grid:hover {
	background-color: #2a4238;
	color: #fffefa;
	transform: scale(1.05);
}

.btn-editar-anuncio-grid {
	background-color: #dce7e0;
	color: #314e3c;
}

.btn-editar-anuncio-grid:hover {
	background-color: #c8d5cc;
	color: #314e3c;
	transform: scale(1.05);
}

.btn-eliminar-anuncio-grid {
	background-color: transparent;
	border: 1px solid #dc3545;
	color: #dc3545;
}

.btn-eliminar-anuncio-grid:hover {
	background-color: #dc3545;
	color: #fffefa;
	transform: scale(1.05);
}

/* Tarjetas de lista (fallback) */
.anuncio-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	transition: all 0.2s ease;
	position: relative;
}

.anuncio-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(49, 78, 60, 0.08);
	border-color: #d4d0c4;
}

.anuncio-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 12px;
	width: 100%;
}

.anuncio-title {
	font-size: 18px;
	font-weight: 600;
	color: #314e3c;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	line-height: 1.4;
	flex: 1;
}

.anuncio-status {
	padding: 6px 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	white-space: nowrap;
	margin-left: 16px;
}

.status-approved {
	background-color: #d4edda;
	color: #155724;
}

.status-rejected {
	background-color: #f8d7da;
	color: #721c24;
}

.status-pending {
	background-color: #fff3cd;
	color: #856404;
}

.anuncio-content {
	flex: 1;
	min-width: 0;
}

.anuncio-meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 12px;
}

.anuncio-location,
.anuncio-year,
.anuncio-date {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #616d66;
	font-size: 14px;
}

.anuncio-location i,
.anuncio-year i,
.anuncio-date i {
	color: #9ca8a3;
	font-size: 12px;
}

.anuncio-rejection {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	border-radius: 8px;
	padding: 12px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 12px;
}

.anuncio-rejection i {
	color: #721c24;
	font-size: 16px;
	margin-top: 2px;
}

.rejection-content {
	flex: 1;
}

.rejection-content strong {
	color: #721c24;
	font-size: 14px;
	display: block;
	margin-bottom: 4px;
}

.rejection-content p {
	color: #721c24;
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
}

.anuncio-actions {
	display: flex;
	gap: 8px;
	flex-shrink: 0;
	min-width: 120px;
}

.btn-ver-anuncio,
.btn-editar-anuncio,
.btn-eliminar-anuncio {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 12px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
	border: none;
	cursor: pointer;
	width: 100%;
	justify-content: center;
}

.btn-ver-anuncio {
	background-color: #314e3c;
	color: #fffefa;
}

.btn-ver-anuncio:hover {
	background-color: #2a4238;
	color: #fffefa;
}

.btn-editar-anuncio {
	background-color: #dce7e0;
	color: #314e3c;
}

.btn-editar-anuncio:hover {
	background-color: #c8d5cc;
	color: #314e3c;
}

.btn-eliminar-anuncio {
	background-color: transparent;
	border: 1px solid #dc3545;
	color: #dc3545;
}

.btn-eliminar-anuncio:hover {
	background-color: #dc3545;
	color: #fffefa;
}

/* Estado vacío */
.sin-anuncios {
	text-align: center;
	padding: 60px 20px;
}

.sin-anuncios-content {
	max-width: 400px;
	margin: 0 auto;
}

.sin-anuncios i {
	font-size: 4rem;
	color: #9ca8a3;
	margin-bottom: 24px;
	display: block;
}

.sin-anuncios h3 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #616d66;
	margin: 0 0 16px 0;
	font-family: 'Raleway', sans-serif;
}

.sin-anuncios p {
	color: #616d66;
	margin: 0 0 24px 0;
	line-height: 1.5;
}

.btn-crear-primer {
	background-color: #314e3c;
	color: #fffefa;
	padding: 12px 24px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.btn-crear-primer:hover {
	background-color: #2a4238;
	color: #fffefa;
}

/* Estilos para el desplegable de estado del anuncio */

.form-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: #314e3c;
	margin-bottom: 8px;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

.form-label i {
	color: #9ca8a3;
	font-size: 14px;
}

.form-select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #d4d0c4;
	border-radius: 12px;
	background-color: #fffefa;
	color: #314e3c;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	transition: all 0.2s ease;
}

.form-select:focus {
	outline: none;
	border-color: #debf73;
	box-shadow: 0 0 0 3px rgba(222, 191, 115, 0.1);
}

.form-select:disabled {
	background-color: #f5f7f6;
	color: #9ca8a3;
	cursor: not-allowed;
}

/* --- ESTILOS PÁGINA EDITAR ANUNCIO --- */
.editar-anuncio-figma {
	background-color: #fefaef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.editar-anuncio-main {
	flex: 1;
	padding: 24px;
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}

.editar-anuncio-container {
	background-color: #fffefa;
	border-radius: 20px;
	padding: 32px;
	box-shadow: 0 4px 20px rgba(49, 78, 60, 0.08);
	border: 1px solid #eeeae0;
}

.editar-anuncio-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeae0;
}

.editar-anuncio-title {
	font-size: 28px;
	font-weight: 600;
	color: #314e3c;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.editar-anuncio-title i {
	color: #debf73;
	font-size: 24px;
}

.editar-anuncio-actions {
	display: flex;
	gap: 12px;
}

.btn-volver {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 12px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-volver:hover {
	background-color: #c8d5cc;
	color: #314e3c;
	transform: translateY(-1px);
}

.editar-anuncio-alert {
	background-color: #e3f2fd;
	border: 1px solid #bbdefb;
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 32px;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.editar-anuncio-alert i {
	color: #1976d2;
	font-size: 18px;
	margin-top: 2px;
}

.alert-content {
	color: #1565c0;
	font-size: 14px;
	line-height: 1.5;
}

.editar-anuncio-form-container {
	background-color: #fffefa;
	border-radius: 12px;
	padding: 0;
}

.editar-anuncio-form {
	width: 100%;
}

.form-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	margin-bottom: 32px;
}

.form-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.form-group-full {
	grid-column: 1 / -1;
}

.form-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: #314e3c;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

.form-label i {
	color: #9ca8a3;
	font-size: 14px;
}

.form-input,
.form-select,
.form-textarea,
.form-file {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #d4d0c4;
	border-radius: 12px;
	background-color: #fffefa;
	color: #314e3c;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	transition: all 0.2s ease;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus,
.form-file:focus {
	outline: none;
	border-color: #debf73;
	box-shadow: 0 0 0 3px rgba(222, 191, 115, 0.1);
}

.form-textarea {
	resize: vertical;
	min-height: 100px;
}

.form-file {
	padding: 8px 12px;
	background-color: #f8f9fa;
	border: 2px dashed #d4d0c4;
	cursor: pointer;
}

.form-file:hover {
	border-color: #debf73;
	background-color: #fef7e0;
}

.form-help {
	color: #9ca8a3;
	font-size: 12px;
	margin-top: 4px;
	font-style: italic;
}

.health-checkboxes {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 8px;
}

.health-checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
}

.checkbox-group{
	margin-top: 15px;
}
.form-check{
	display: inline;
	padding-left: 1.5em;
}
.form-checkbox {
	width: 18px;
	height: 18px;
	accent-color: #debf73;
	cursor: pointer;
}

.form-checkbox-label {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #314e3c;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
}

.form-checkbox-label i {
	color: #28a745;
	font-size: 12px;
}

.media-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.media-item {
	position: relative;
}

.media-preview {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	background-color: #f8f9fa;
	aspect-ratio: 1;
}

.media-preview img,
.media-preview video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.btn-remove-media {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	background-color: #dc3545;
	color: white;
	border: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 12px;
	transition: all 0.2s ease;
}

.btn-remove-media:hover {
	background-color: #c82333;
	transform: scale(1.1);
}

.form-actions {
	display: flex;
	gap: 16px;
	justify-content: flex-end;
	margin-top: 32px;
	padding-top: 24px;
	border-top: 1px solid #eeeae0;
}

.btn-guardar {
	background-color: #debf73;
	color: #173b25;
	padding: 12px 24px;
	border-radius: 12px;
	border: none;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-guardar:hover {
	background-color: #d4b366;
	color: #173b25;
	transform: translateY(-1px);
}

.btn-cancelar {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 12px 24px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-cancelar:hover {
	background-color: #c8d5cc;
	color: #314e3c;
	transform: translateY(-1px);
}

/* Responsive para mis anuncios */
@media (max-width: 1200px) {
	.mis-anuncios-grid {
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 20px;
	}
}

@media (max-width: 768px) {
	.mis-anuncios-main {
		padding: 24px 16px;
	}
	
	.mis-anuncios-header {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
	
	.mis-anuncios-actions {
		justify-content: center;
	}
	
	.mis-anuncios-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.anuncio-image {
		height: 180px;
	}
	
	.anuncio-content-grid {
		padding: 16px;
	}
	
	.anuncio-actions-grid {
		padding: 12px 16px;
	}
	
	.btn-ver-anuncio-grid,
	.btn-editar-anuncio-grid,
	.btn-eliminar-anuncio-grid {
		width: 36px;
		height: 36px;
		font-size: 14px;
	}
	
	/* Fallback para tarjetas de lista */
	.anuncio-card {
		padding: 16px;
		flex-direction: column;
		gap: 16px;
	}
	
	.anuncio-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	
	.anuncio-status {
		margin-left: 0;
		align-self: flex-start;
	}
	
	.anuncio-actions {
		flex-direction: row;
		min-width: auto;
		gap: 8px;
	}
	
	.btn-ver-anuncio,
	.btn-editar-anuncio,
	.btn-eliminar-anuncio {
		flex: 1;
		font-size: 12px;
		padding: 6px 8px;
	}
}

@media (max-width: 480px) {
	.mis-anuncios-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	
	.anuncio-image {
		height: 160px;
	}
	
	.anuncio-content-grid {
		padding: 12px;
	}
	
	.anuncio-title-grid {
		font-size: 16px;
	}
	
	.anuncio-actions-grid {
		padding: 10px 12px;
		gap: 6px;
	}
	
	.btn-ver-anuncio-grid,
	.btn-editar-anuncio-grid,
	.btn-eliminar-anuncio-grid {
		width: 32px;
		height: 32px;
		font-size: 12px;
	}
}

/* --- ESTILOS PÁGINA OFERTAS --- */
.ofertas-figma {
	background-color: #fefaef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.ofertas-main {
	flex: 1;
	padding: 24px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}

.ofertas-container {
	border-bottom: 1px solid #eeeae0;
	padding-bottom: 24px;
}

.ofertas-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.ofertas-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.ofertas-title i {
	color: #debf73;
	font-size: 20px;
}

.ofertas-actions {
	display: flex;
	gap: 12px;
}

.btn-volver {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 11.5px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-volver:hover {
	background-color: #c8d5cc;
	color: #314e3c;
	transform: translateY(-1px);
}

.ofertas-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 32px;
}

.oferta-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	padding: 24px;
	transition: all 0.2s ease;
	position: relative;
	overflow: hidden;
}

.oferta-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(49, 78, 60, 0.12);
	border-color: #d4d0c4;
}

.oferta-card.status-pending {
	border-left: 4px solid #ffc107;
	background: linear-gradient(135deg, #fff9e6 0%, #fffefa 100%);
}

.oferta-card.status-accepted {
	border-left: 4px solid #28a745;
	background: linear-gradient(135deg, #e8f5e8 0%, #fffefa 100%);
}

.oferta-card.status-rejected {
	border-left: 4px solid #dc3545;
	background: linear-gradient(135deg, #fdeaea 0%, #fffefa 100%);
}

.oferta-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.oferta-amount {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 20px;
	font-weight: 700;
	color: #314e3c;
	font-family: 'Raleway', sans-serif;
}

.oferta-amount i {
	color: #debf73;
	font-size: 18px;
}

.oferta-status {
	padding: 8px 16px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.oferta-status.status-pending {
	background-color: #fff3cd;
	color: #856404;
}

.oferta-status.status-accepted {
	background-color: #d4edda;
	color: #155724;
}

.oferta-status.status-rejected {
	background-color: #f8d7da;
	color: #721c24;
}

.oferta-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
}

.oferta-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.oferta-ad,
.oferta-buyer,
.oferta-message,
.oferta-date {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	color: #616d66;
	font-size: 14px;
}

.oferta-ad i,
.oferta-buyer i,
.oferta-message i,
.oferta-date i {
	color: #9ca8a3;
	font-size: 12px;
	margin-top: 2px;
	flex-shrink: 0;
}

.oferta-ad-link {
	color: #314e3c;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s ease;
}

.oferta-ad-link:hover {
	color: #debf73;
}

.oferta-message p {
	margin: 0;
	font-style: italic;
	background-color: #f8f9fa;
	padding: 8px 12px;
	border-radius: 8px;
	border-left: 3px solid #debf73;
}

.oferta-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 200px;
}

.btn-ver-anuncio,
.btn-chat {
	background-color: #314e3c;
	color: #fffefa;
	padding: 10px 16px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
	text-align: center;
	justify-content: center;
}

.btn-ver-anuncio:hover,
.btn-chat:hover {
	background-color: #2a4238;
	color: #fffefa;
	transform: translateY(-1px);
}

.oferta-buttons {
	display: flex;
	gap: 8px;
}

.btn-aceptar,
.btn-rechazar {
	flex: 1;
	padding: 10px 16px;
	border-radius: 12px;
	border: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: 'Raleway', sans-serif;
	cursor: pointer;
	transition: all 0.2s ease;
}

.btn-aceptar {
	background-color: #28a745;
	color: white;
}

.btn-aceptar:hover {
	background-color: #218838;
	transform: translateY(-1px);
}

.btn-rechazar {
	background-color: #dc3545;
	color: white;
}

.btn-rechazar:hover {
	background-color: #c82333;
	transform: translateY(-1px);
}

.ofertas-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	margin-top: 32px;
}

.stat-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 12px;
	padding: 24px;
	display: flex;
	align-items: center;
	gap: 16px;
	transition: all 0.2s ease;
}

.stat-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(49, 78, 60, 0.08);
}

.stat-icon {
	width: 48px;
	height: 48px;
	background-color: #debf73;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #173b25;
	font-size: 20px;
}

.stat-content {
	flex: 1;
}

.stat-number {
	font-size: 24px;
	font-weight: 700;
	color: #314e3c;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 4px;
}

.stat-label {
	font-size: 14px;
	color: #9ca8a3;
	font-weight: 500;
}

.sin-ofertas {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	padding: 40px 20px;
}

.sin-ofertas-content {
	text-align: center;
	max-width: 400px;
}

.sin-ofertas-content i {
	font-size: 4rem;
	color: #9ca8a3;
	margin-bottom: 20px;
}

.sin-ofertas-content h3 {
	font-size: 24px;
	font-weight: 600;
	color: #314e3c;
	margin-bottom: 12px;
	font-family: 'Raleway', sans-serif;
}

.sin-ofertas-content p {
	color: #9ca8a3;
	margin-bottom: 24px;
	line-height: 1.5;
}

.btn-ver-anuncios {
	background-color: #debf73;
	color: #173b25;
	padding: 12px 24px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-ver-anuncios:hover {
	background-color: #d4b366;
	color: #173b25;
	transform: translateY(-1px);
}

/* Responsive para editar anuncio */
@media (max-width: 768px) {
	.editar-anuncio-main {
		padding: 16px;
	}
	
	.editar-anuncio-container {
		padding: 20px;
	}
	
	.editar-anuncio-header {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
	
	.editar-anuncio-title {
		font-size: 24px;
	}
	
	.form-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.form-actions {
		flex-direction: column;
		gap: 12px;
	}
	
	.btn-guardar,
	.btn-cancelar {
		width: 100%;
		justify-content: center;
	}
	
	.health-checkboxes {
		flex-direction: column;
		gap: 12px;
	}
	
	.media-grid {
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		gap: 12px;
	}
}

@media (max-width: 480px) {
	.editar-anuncio-main {
		padding: 12px;
	}
	
	.editar-anuncio-container {
		padding: 16px;
	}
	
	.editar-anuncio-title {
		font-size: 20px;
	}
	
	.form-grid {
		gap: 16px;
	}
	
	.form-input,
	.form-select,
	.form-textarea,
	.form-file {
		padding: 10px 12px;
		font-size: 14px;
	}
	
	.btn-guardar,
	.btn-cancelar {
		padding: 10px 20px;
		font-size: 14px;
	}
}

/* --- ESTILOS PÁGINA COMPRAS --- */
.compras-figma {
	background-color: #fefaef;
	display: flex;
	flex-direction: column;
}

.compras-main {
	flex: 1;
	padding: 24px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}

.compras-container {
	border-bottom: 1px solid #eeeae0;
	padding-bottom: 24px;
}

.compras-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.compras-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.compras-title i {
	color: #debf73;
	font-size: 20px;
}

.compras-actions {
	display: flex;
	gap: 12px;
}

.btn-volver {
	background-color: #dce7e0;
	color: #314e3c;
	padding: 11.5px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-volver:hover {
	background-color: #c8d5cc;
	color: #314e3c;
	transform: translateY(-1px);
}

.compras-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap: 24px;
	margin-bottom: 32px;
}

.compra-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	padding: 24px;
	transition: all 0.2s ease;
	position: relative;
	overflow: hidden;
	border-left: 4px solid #17a2b8;
}

.compra-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(49, 78, 60, 0.12);
	border-color: #d4d0c4;
}

.compra-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f0f0;
}

.compra-status {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #17a2b8;
	font-weight: 600;
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}

.compra-status i {
	font-size: 16px;
}

.compra-date {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #9ca8a3;
	font-size: 12px;
	font-weight: 500;
}

.compra-date i {
	font-size: 12px;
}

.compra-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
}

.compra-main-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.compra-title {
	font-size: 18px;
	font-weight: 600;
	color: #314e3c;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	line-height: 1.4;
}

.compra-info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.compra-seller,
.compra-price {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.compra-seller i,
.compra-price i {
	color: #9ca8a3;
	font-size: 14px;
	margin-top: 2px;
	flex-shrink: 0;
}

.info-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.info-label {
	font-size: 12px;
	font-weight: 600;
	color: #9ca8a3;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-family: 'Raleway', sans-serif;
}

.info-value {
	font-size: 14px;
	color: #314e3c;
	font-weight: 500;
}

.price-value {
	font-size: 16px;
	font-weight: 700;
	color: #17a2b8;
	font-family: 'Raleway', sans-serif;
}

.compra-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 140px;
}

.btn-ver-anuncio,
.btn-ver-vendedor {
	flex: 1;
	padding: 10px 16px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
	border: none;
	cursor: pointer;
}

.btn-ver-anuncio {
	background-color: #314e3c;
	color: #fffefa;
}

.btn-ver-anuncio:hover {
	background-color: #2a4238;
	color: #fffefa;
	transform: translateY(-1px);
}

.btn-ver-vendedor {
	background-color: #17a2b8;
	color: white;
}

.btn-ver-vendedor:hover {
	background-color: #138496;
	color: white;
	transform: translateY(-1px);
}

.sin-compras {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	padding: 40px 20px;
}

.sin-compras-content {
	text-align: center;
	max-width: 400px;
}

.sin-compras-content i {
	font-size: 3rem;
	color: #9ca8a3;
}

.sin-compras-content h3 {
	font-size: 24px;
	font-weight: 600;
	color: #314e3c;
	margin-bottom: 12px;
	font-family: 'Raleway', sans-serif;
}

.sin-compras-content p {
	color: #9ca8a3;
	margin-bottom: 24px;
	line-height: 1.5;
}

.btn-ver-catalogo {
	background-color: #debf73;
	color: #173b25;
	padding: 10px 20px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: 'Raleway', sans-serif;
	transition: all 0.2s ease;
}

.btn-ver-catalogo:hover {
	background-color: #d4b366;
	color: #173b25;
	transform: translateY(-1px);
}

.btn-ver-catalogo i, .bi-search i {
	font-size: 14px;
}

/* Responsive para ofertas */
@media (max-width: 768px) {
	.ofertas-main {
		padding: 16px;
	}
	
	.ofertas-header {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
	
	.ofertas-title {
		font-size: 20px;
	}
	
	.oferta-content {
		flex-direction: column;
		gap: 16px;
	}
	
	.oferta-actions {
		min-width: auto;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.oferta-buttons {
		flex-direction: column;
		gap: 8px;
	}
	
	.btn-aceptar,
	.btn-rechazar {
		width: 100%;
	}
	
	.ofertas-stats {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.stat-card {
		padding: 16px;
	}
}

@media (max-width: 480px) {
	.ofertas-main {
		padding: 12px;
	}
	
	.oferta-card {
		padding: 16px;
	}
	
	.oferta-header {
		flex-direction: column;
		gap: 12px;
		align-items: flex-start;
	}
	
	.oferta-amount {
		font-size: 18px;
	}
	
	.oferta-actions {
		width: 100%;
	}
	
	.btn-ver-anuncio,
	.btn-chat {
		padding: 8px 12px;
		font-size: 12px;
	}
	
	.btn-aceptar,
	.btn-rechazar {
		padding: 8px 12px;
		font-size: 12px;
	}
	
	.stat-card {
		padding: 12px;
	}
	
	.stat-icon {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
	
	.stat-number {
		font-size: 20px;
	}
}

/* Responsive para compras */
@media (max-width: 768px) {
	.compras-main {
		padding: 16px;
	}
	
	.compras-header {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
	
	.compras-title {
		font-size: 20px;
	}
	
	.compras-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.compra-card {
		padding: 16px;
	}
	
	.compra-header {
		flex-direction: column;
		gap: 12px;
		align-items: flex-start;
	}
	
	.compra-content {
		flex-direction: column;
		gap: 16px;
	}
	
	.compra-actions {
		flex-direction: row;
		gap: 12px;
		min-width: auto;
	}
	
	.btn-ver-anuncio,
	.btn-ver-vendedor {
		flex: 1;
	}
}

@media (max-width: 480px) {
	.compras-main {
		padding: 12px;
	}
	
	.compra-card {
		padding: 12px;
	}
	
	.compra-title {
		font-size: 16px;
	}
	
	.compra-info {
		gap: 10px;
	}
	
	.compra-seller,
	.compra-price {
		gap: 8px;
	}
	
	.btn-ver-anuncio,
	.btn-ver-vendedor {
		padding: 8px 12px;
		font-size: 12px;
	}
	
	.sin-compras-content h3 {
		font-size: 20px;
	}
	
	.btn-ver-catalogo {
		padding: 10px 20px;
		font-size: 14px;
	}
}

/* --- ESTILOS PÁGINA ADMIN VALIDAR ANUNCIOS --- */
.admin-validar-figma {
	background-color: #fefaef;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.admin-validar-main {
	flex: 1;
	padding: 24px;
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}

.admin-validar-container {
	border-bottom: 1px solid #eeeae0;
	padding-bottom: 24px;
}

.admin-validar-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.admin-validar-title {
	font-size: 24px;
	font-weight: 500;
	color: #414d48;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.admin-validar-title i {
	color: #debf73;
	font-size: 20px;
}

.admin-validar-stats {
	display: flex;
	gap: 12px;
}

.admin-stat-badge {
	padding: 8px 16px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}

.admin-stat-warning {
	background-color: #f2e4c4;
	color: #314e3c;
}

.admin-validar-tabs {
	margin-bottom: 24px;
}

.admin-validar-tabs .nav-tabs {
	border-bottom: 1px solid #eeeae0;
}

.admin-validar-tabs .nav-link {
	background-color: transparent;
	border: none;
	color: #616d66;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	padding: 12px 20px;
	border-radius: 12px 12px 0 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.admin-validar-tabs .nav-link.active {
	background-color: #fffefa;
	color: #314e3c;
	border-bottom: 2px solid #debf73;
}

.admin-tab-badge {
	padding: 4px 8px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
}

.admin-tab-warning {
	background-color: #f2e4c4;
	color: #314e3c;
}

.admin-tab-success {
	background-color: #d4edda;
	color: #155724;
}

.admin-tab-danger {
	background-color: #f8d7da;
	color: #721c24;
}

.admin-validar-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap: 24px;
	margin-bottom: 32px;
}

.admin-validar-card {
	background-color: #fffefa;
	border: 1px solid #eeeae0;
	border-radius: 20px;
	padding: 24px;
	transition: all 0.2s ease;
	position: relative;
	overflow: hidden;
	border-left: 4px solid #f2e4c4;
}

.admin-validar-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(49, 78, 60, 0.12);
	border-color: #d4d0c4;
}

.admin-validar-card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.admin-validar-card-status {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: #314e3c;
	font-family: 'Raleway', sans-serif;
}

.admin-validar-card-status i {
	color: #f2e4c4;
	font-size: 16px;
}

.admin-validar-card-actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

.admin-validar-user {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #616d66;
	font-size: 14px;
}

.admin-validar-user i {
	color: #9ca8a3;
	font-size: 14px;
}

.admin-validar-btn {
	padding: 8px 16px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.admin-validar-btn-view {
	background-color: #debf73;
	color: #173b25;
}

.admin-validar-btn-view:hover {
	background-color: #d4b366;
	color: #173b25;
}

.admin-validar-card-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
}

.admin-validar-main-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.admin-validar-title {
	font-size: 18px;
	font-weight: 600;
	color: #314e3c;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	line-height: 1.4;
}

.admin-validar-meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.admin-validar-meta-item {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #616d66;
	font-size: 14px;
}

.admin-validar-meta-item i {
	color: #9ca8a3;
	font-size: 14px;
	width: 16px;
}

.admin-validar-description {
	color: #616d66;
	font-size: 14px;
	line-height: 1.5;
}

.admin-validar-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.admin-validar-tag {
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 500;
	background-color: #f7f3e7;
	color: #314e3c;
}

.admin-validar-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 200px;
}

.admin-validar-action-btn {
	flex: 1;
	padding: 12px 20px;
	border-radius: 12px;
	border: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
	font-family: 'Raleway', sans-serif;
}

.admin-validar-action-btn.approve {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.admin-validar-action-btn.approve:hover {
	background-color: #c3e6cb;
}

.admin-validar-action-btn.reject {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.admin-validar-action-btn.reject:hover {
	background-color: #f5c6cb;
}

/* Responsive para admin validar */
@media (max-width: 768px) {
	.admin-validar-main {
		padding: 16px;
	}
	
	.admin-validar-header {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
	
	.admin-validar-title {
		font-size: 20px;
	}
	
	.admin-validar-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.admin-validar-card {
		padding: 16px;
	}
	
	.admin-validar-card-header {
		flex-direction: column;
		gap: 12px;
		align-items: flex-start;
	}
	
	.admin-validar-card-content {
		flex-direction: column;
		gap: 16px;
	}
	
	.admin-validar-actions {
		flex-direction: row;
		gap: 12px;
		min-width: auto;
	}
	
	.admin-validar-action-btn {
		flex: 1;
	}
}

/* Estilos adicionales para elementos específicos de admin validar */
.admin-validar-figma .card-body {
	background-color: transparent;
	border: none;
	padding: 0;
}

.admin-validar-figma .text-primary {
	color: #314e3c !important;
}

.admin-validar-figma .text-muted {
	color: #616d66 !important;
}

.admin-validar-figma .mb-3 {
	margin-bottom: 16px;
}

.admin-validar-figma .mb-1 {
	margin-bottom: 8px;
}

.admin-validar-figma .me-2 {
	margin-right: 8px;
}

.admin-validar-figma .ms-2 {
	margin-left: 8px;
}

.admin-validar-figma .py-2 {
	padding: 8px 0;
}

.admin-validar-figma .py-5 {
	padding: 40px 0;
}

.admin-validar-figma .mt-3 {
	margin-top: 16px;
}

/* Estilos para badges personalizados */
.admin-validar-figma .badge {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	border-radius: 12px;
	padding: 6px 12px;
	font-size: 12px;
	border: none;
}

.admin-validar-figma .badge.bg-primary-light {
	background-color: #f7f3e7 !important;
	color: #314e3c !important;
}

.admin-validar-figma .badge.bg-success {
	background-color: #d4edda !important;
	color: #155724 !important;
}

.admin-validar-figma .badge.bg-secondary {
	background-color: #f2e4c4 !important;
	color: #314e3c !important;
}

/* Corregir badges de estado sanitario */
.admin-validar-figma .badge.bg-success {
	background-color: #d4edda !important;
	color: #155724 !important;
}

.admin-validar-figma .badge.bg-secondary {
	background-color: #f2e4c4 !important;
	color: #314e3c !important;
}

/* Estilos para botones personalizados */
.admin-validar-figma .btn-figma-primary {
	background-color: #debf73;
	border-color: #debf73;
	color: #173b25;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	border-radius: 12px;
	padding: 12px 20px;
	transition: all 0.2s ease;
}

.admin-validar-figma .btn-figma-primary:hover {
	background-color: #d4b366;
	border-color: #d4b366;
	color: #173b25;
}

.admin-validar-figma .btn-danger {
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	border-radius: 12px;
	padding: 12px 20px;
	transition: all 0.2s ease;
}

.admin-validar-figma .btn-danger:hover {
	background-color: #f5c6cb;
	border-color: #f5c6cb;
	color: #721c24;
}

/* Corregir botón "Ver Completo" */
.admin-validar-figma .btn-outline-primary {
	background-color: #debf73 !important;
	border-color: #debf73 !important;
	color: #173b25 !important;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	border-radius: 12px;
	padding: 8px 16px;
	transition: all 0.2s ease;
	text-decoration: none;
}

.admin-validar-figma .btn-outline-primary:hover {
	background-color: #d4b366 !important;
	border-color: #d4b366 !important;
	color: #173b25 !important;
}

/* Estilos para timeline/historial */
.admin-validar-figma .timeline {
	background-color: #f7f3e7;
	border-radius: 12px;
	padding: 16px;
	border: 1px solid #eeeae0;
}

.admin-validar-figma .spinner-border-sm {
	width: 1rem;
	height: 1rem;
}

.admin-validar-figma .spinner-border.text-primary {
	color: #debf73 !important;
}

/* Estilos para estado vacío */
.admin-validar-figma .text-center {
	text-align: center;
}

.admin-validar-figma .display-4 {
	font-size: 3rem;
	color: #9ca8a3;
}

.admin-validar-figma .text-success {
	color: #d4edda !important;
}

.admin-validar-figma .text-success.mt-3 {
	color: #155724 !important;
}

/* Estilos para información adicional */
.admin-validar-figma .small {
	font-size: 13px;
	line-height: 1.4;
}

.admin-validar-figma .small .bi {
	color: #9ca8a3;
	margin-right: 6px;
}

/* Estilos para grid de información */
.admin-validar-figma .row.g-3 {
	gap: 16px;
}

.admin-validar-figma .row.g-2 {
	gap: 8px;
}

.admin-validar-figma .col-sm-6,
.admin-validar-figma .col-md-8,
.admin-validar-figma .col-md-4 {
	padding: 0;
}

/* Estilos para iconos */
.admin-validar-figma .bi {
	color: #9ca8a3;
}

.admin-validar-figma .bi-geo-alt,
.admin-validar-figma .bi-calendar {
	color: #616d66;
}

/* Estilos para tabs content */
.admin-validar-figma .tab-content {
	background-color: transparent;
}

.admin-validar-figma .tab-pane {
	background-color: transparent;
}

/* Estilos para loading states */
.admin-validar-figma .hourglass-split {
	color: #9ca8a3;
}

/* Corregir elementos específicos que pueden estar mal estilizados */
.admin-validar-figma .card {
	background-color: #fffefa !important;
	border: 1px solid #eeeae0 !important;
	border-radius: 20px !important;
	box-shadow: none !important;
}

.admin-validar-figma .card-header {
	background-color: #f7f3e7 !important;
	border-bottom: 1px solid #eeeae0 !important;
	border-radius: 20px 20px 0 0 !important;
	padding: 16px 24px !important;
}

.admin-validar-figma .card-body {
	background-color: transparent !important;
	padding: 24px !important;
}

.admin-validar-figma .bg-light {
	background-color: #f7f3e7 !important;
}

.admin-validar-figma .bg-warning {
	background-color: #f2e4c4 !important;
}

.admin-validar-figma .bg-warning.bg-opacity-10 {
	background-color: #f2e4c4 !important;
	opacity: 1 !important;
}

.admin-validar-figma .border-warning {
	border-color: #f2e4c4 !important;
}

.admin-validar-figma .text-warning {
	color: #314e3c !important;
}

.admin-validar-figma .shadow-sm {
	box-shadow: 0 2px 4px rgba(49, 78, 60, 0.08) !important;
}

/* Corregir tabs de navegación */
.admin-validar-figma .nav-tabs .nav-link {
	border: none !important;
	border-radius: 12px 12px 0 0 !important;
	background-color: transparent !important;
	color: #616d66 !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500 !important;
	padding: 12px 20px !important;
	margin-right: 4px !important;
}

.admin-validar-figma .nav-tabs .nav-link.active {
	background-color: #fffefa !important;
	color: #314e3c !important;
	border-bottom: 2px solid #debf73 !important;
}

.admin-validar-figma .nav-tabs {
	border-bottom: 1px solid #eeeae0 !important;
}

/* Corregir grid y layout */
.admin-validar-figma .row {
	margin: 0 !important;
}

.admin-validar-figma .col-12,
.admin-validar-figma .col-md-8,
.admin-validar-figma .col-md-4 {
	padding: 0 !important;
}

.admin-validar-figma .g-4 {
	gap: 24px !important;
}

.admin-validar-figma .g-3 {
	gap: 16px !important;
}

.admin-validar-figma .g-2 {
	gap: 8px !important;
}

/* Corregir Historial de validaciones */
.admin-validar-figma .accordion {
	border: none !important;
}

.admin-validar-figma .accordion-item {
	border: none !important;
	background-color: transparent !important;
}

.admin-validar-figma .accordion-header {
	border: none !important;
}

.admin-validar-figma .accordion-button {
	background-color: #f7f3e7 !important;
	border: none !important;
	border-radius: 12px !important;
	color: #314e3c !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500 !important;
	padding: 12px 16px !important;
	box-shadow: none !important;
}

.admin-validar-figma .accordion-button:not(.collapsed) {
	background-color: #f2e4c4 !important;
	color: #314e3c !important;
	box-shadow: none !important;
}

.admin-validar-figma .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23314e3c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.admin-validar-figma .accordion-body {
	background-color: #fffefa !important;
	border: 1px solid #eeeae0 !important;
	border-radius: 0 0 12px 12px !important;
	padding: 16px !important;
}

/* Estilos para la lista del historial */
.admin-validar-figma .list-group {
	border: none !important;
	border-radius: 8px !important;
}

.admin-validar-figma .list-group-item {
	background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid #eeeae0 !important;
	padding: 12px 0 !important;
	font-family: 'Raleway', sans-serif !important;
	color: #616d66 !important;
}

.admin-validar-figma .list-group-item:last-child {
	border-bottom: none !important;
}

/* Corregir texto del historial */
.admin-validar-figma .list-group-item .fw-bold {
	color: #314e3c !important;
	font-weight: 600 !important;
}

.admin-validar-figma .list-group-item .text-muted {
	color: #9ca8a3 !important;
	font-size: 12px !important;
}

/* Corregir strings largos codificados */
.admin-validar-figma .list-group-item .text-break {
	word-break: break-all !important;
	font-family: 'Courier New', monospace !important;
	font-size: 11px !important;
	color: #9ca8a3 !important;
	background-color: #f7f3e7 !important;
	padding: 4px 8px !important;
	border-radius: 4px !important;
	margin-top: 4px !important;
	display: block !important;
	max-width: 100% !important;
	overflow-wrap: break-word !important;
	white-space: pre-wrap !important;
	word-wrap: break-word !important;
	hyphens: auto !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* Regla específica para cualquier string largo en el historial */
.admin-validar-figma .list-group-item * {
	max-width: 100% !important;
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	white-space: pre-wrap !important;
	text-overflow: ellipsis !important;
}

/* Forzar contención en el contenedor del historial */
.admin-validar-figma .accordion-body .list-group {
	max-width: 100% !important;
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

/* Forzar contención en todos los elementos del historial */
.admin-validar-figma .list-group-item {
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

.admin-validar-figma .list-group-item * {
	max-width: 100% !important;
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

/* Contenedor del acordeón con overflow controlado */
.admin-validar-figma .accordion-body {
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

/* Forzar contención en el contenedor principal */
.admin-validar-figma .col-md-4 {
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

/* Regla específica para strings codificados largos */
.admin-validar-figma .list-group-item div,
.admin-validar-figma .list-group-item span,
.admin-validar-figma .list-group-item p {
	max-width: 100% !important;
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	white-space: pre-wrap !important;
}

/* Forzar contención en el contenedor de la card */
.admin-validar-figma .card {
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

/* Forzar contención en el contenedor de la card body */
.admin-validar-figma .card-body {
	overflow: hidden !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

/* Corregir comentarios */
.admin-validar-figma .list-group-item .ms-3 {
	margin-left: 12px !important;
	font-style: italic !important;
	color: #616d66 !important;
	font-size: 13px !important;
}

/* Iconos del historial */
.admin-validar-figma .list-group-item i {
	color: #debf73 !important;
	margin-right: 8px !important;
}

/* Estilos para modales personalizados */
.modal-dialog {
	border-radius: 20px !important;
	box-shadow: 0 10px 30px rgba(49, 78, 60, 0.15) !important;
}

.modal-content {
	background-color: #fffefa !important;
	border: 1px solid #eeeae0 !important;
	border-radius: 20px !important;
	box-shadow: 0 10px 30px rgba(49, 78, 60, 0.15) !important;
	font-family: 'Raleway', sans-serif !important;
}

.modal-header {
	background-color: #f7f3e7 !important;
	border-bottom: 1px solid #eeeae0 !important;
	border-radius: 20px 20px 0 0 !important;
	padding: 20px 24px !important;
}

.modal-title {
	color: #314e3c !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 600 !important;
	font-size: 18px !important;
}

.modal-body {
	background-color: #fffefa !important;
	padding: 24px !important;
	color: #616d66 !important;
	font-family: 'Raleway', sans-serif !important;
}

.modal-footer {
	background-color: #f7f3e7 !important;
	border-top: 1px solid #eeeae0 !important;
	border-radius: 0 0 20px 20px !important;
	padding: 16px 24px !important;
}

/* Botones del modal */
.modal-footer .btn {
	border-radius: 12px !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500 !important;
	padding: 10px 20px !important;
	border: none !important;
}

.modal-footer .btn-primary {
	background-color: #debf73 !important;
	color: #314e3c !important;
	border: 1px solid #debf73 !important;
}

.modal-footer .btn-primary:hover {
	background-color: #d4b366 !important;
	border-color: #d4b366 !important;
	color: #314e3c !important;
}

.modal-footer .btn-secondary {
	background-color: #f2e4c4 !important;
	color: #314e3c !important;
	border: 1px solid #f2e4c4 !important;
	gap: 5px;
}

.modal-footer .btn-secondary:hover {
	background-color: #e6d4a8 !important;
	border-color: #e6d4a8 !important;
	color: #314e3c !important;
}

.modal-footer .btn-danger {
	background-color: #f8d7da !important;
	color: #721c24 !important;
	border: 1px solid #f8d7da !important;
}

.modal-footer .btn-danger:hover {
	background-color: #f5c6cb !important;
	border-color: #f5c6cb !important;
	color: #721c24 !important;
}

/* Botón de cerrar del modal */
.modal-header .btn-close {
	background-color: transparent !important;
	border: none !important;
	color: #9ca8a3 !important;
	font-size: 18px !important;
	opacity: 1 !important;
}

.modal-header .btn-close:hover {
	color: #616d66 !important;
}

/* Formularios dentro del modal */
.modal-body .form-group {
	margin-bottom: 16px !important;
}

.modal-body .form-group label {
	color: #314e3c !important;
	font-weight: 500 !important;
	margin-bottom: 8px !important;
}

.modal-body .form-control {
	border: 1px solid #c9ceda !important;
	border-radius: 12px !important;
	padding: 10px 12px !important;
	background-color: #ffffff !important;
	color: #616d66 !important;
	font-family: 'Raleway', sans-serif !important;
}

.modal-body .form-control:focus {
	border-color: #debf73 !important;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3) !important;
	outline: none !important;
}

.modal-body .form-select {
	border: 1px solid #c9ceda !important;
	border-radius: 12px !important;
	padding: 10px 12px !important;
	background-color: #ffffff !important;
	color: #616d66 !important;
	font-family: 'Raleway', sans-serif !important;
}

.modal-body .form-select:focus {
	border-color: #debf73 !important;
	box-shadow: 0 0 0 2px rgba(222, 191, 115, 0.3) !important;
	outline: none !important;
}

/* Texto del modal */
.modal-body p {
	color: #616d66 !important;
	font-family: 'Raleway', sans-serif !important;
	line-height: 1.5 !important;
}

.modal-body .text-muted {
	color: #9ca8a3 !important;
}

.modal-body .text-danger {
	color: #dc3545 !important;
}

.modal-body .text-success {
	color: #198754 !important;
}

/* Alertas dentro del modal */
.modal-body .alert {
	border-radius: 12px !important;
	border: none !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500 !important;
}

.modal-body .alert-danger {
	background-color: #f8d7da !important;
	color: #721c24 !important;
}

.modal-body .alert-success {
	background-color: #d1e7dd !important;
	color: #0f5132 !important;
}

.modal-body .alert-warning {
	background-color: #fff3cd !important;
	color: #664d03 !important;
}

.modal-body .alert-info {
	background-color: #d1ecf1 !important;
	color: #055160 !important;
}

/* Mejoras para responsive */
@media (max-width: 768px) {
	.admin-validar-figma .col-md-8,
	.admin-validar-figma .col-md-4 {
		width: 100%;
		margin-bottom: 16px;
	}
	
	.admin-validar-figma .row {
		margin: 0;
	}
	
	.admin-validar-figma .d-grid {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	
	.modal-dialog {
		margin: 16px !important;
	}
	
	.modal-content {
		border-radius: 16px !important;
	}
	
	.modal-header {
		border-radius: 16px 16px 0 0 !important;
		padding: 16px 20px !important;
	}
	
	.modal-footer {
		border-radius: 0 0 16px 16px !important;
		padding: 12px 20px !important;
	}
}

/* Limitar altura del dropdown de Select2 y forzar scroll hacia abajo */
.select2-container--bootstrap-5 .select2-results {
	max-height: 300px !important;
	overflow-y: auto !important;
}

/* Forzar que el dropdown se abra hacia abajo */
.select2-container--bootstrap-5.select2-container--open .select2-dropdown {
	top: 100% !important;
	bottom: auto !important;
	margin-top: 4px !important;
}

/* ============================================
	MEDIA QUERIES PARA PÁGINA CATÁLOGO
	Responsive desde 1100px hacia abajo
============================================ */

/* Desde 1100px hacia abajo */
@media (max-width: 1100px) {
	/* Ajustar padding del main */
	main[style*="padding: 24px 82px"] {
		padding: 24px 40px !important;
	}
	
	/* Ajustar contenedor principal del catálogo */
	.container[style*="max-width: 1440px"] {
		padding: 0 40px !important;
	}
	
	/* Ajustar hero section */
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] h1 {
		font-size: 36px !important;
		line-height: 1.2 !important;
		height: auto !important;
	}
	
	/* Ajustar filtros de búsqueda */
	.row[style*="gap: 24px"] {
		flex-direction: column !important;
		gap: 16px !important;
	}
	
	.row[style*="gap: 24px"] .col[style*="display: flex; gap: 40px"] {
		flex-direction: column !important;
		gap: 16px !important;
	}
	
	/* Ajustar botón de búsqueda */
	.col-auto[style*="display: flex; align-items: flex-end"] {
		align-items: stretch !important;
		padding-bottom: 0 !important;
	}
	
	.col-auto[style*="display: flex; align-items: flex-end"] button {
		width: 100% !important;
		justify-content: center !important;
	}
	
	/* Ajustar tarjetas de anuncios */
	.ad-card-container {
		flex: 1 1 calc(50% - 12px) !important;
		max-width: calc(50% - 12px) !important;
	}

	.list-view .ad-content-wrapper {
		display: block;
	}
}

/* Desde 992px hacia abajo */
@media (max-width: 992px) {
	/* Reducir más el padding del main */
	main[style*="padding: 24px 82px"] {
		padding: 24px 32px !important;
	}
	
	/* Reducir padding del contenedor */
	.container[style*="max-width: 1440px"] {
		padding: 0 32px !important;
	}
	
	/* Ajustar título del hero */
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] h1 {
		font-size: 32px !important;
	}
	
	/* Ajustar descripción del hero */
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] p {
		font-size: 16px !important;
	}
	
	/* Ajustar tarjetas para que ocupen más espacio */
	.ad-card-container {
		flex: 1 1 calc(50% - 12px) !important;
		max-width: calc(50% - 12px) !important;
	}
}

/* Desde 768px hacia abajo (tablets) */
@media (max-width: 768px) {
	/* Reducir padding del main */
	main[style*="padding: 24px 82px"] {
		padding: 20px 24px !important;
	}
	
	/* Reducir padding del contenedor */
	.container[style*="max-width: 1440px"] {
		padding: 0 24px !important;
	}
	
	/* Ajustar hero section */
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] {
		max-width: 100% !important;
	}
	
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] h1 {
		font-size: 28px !important;
	}
	
	.container[style*="max-width: 1440px"] > div[style*="max-width: 432px"] {
		max-width: 100% !important;
		margin-top: 24px !important;
	}
	
	/* Ajustar filtros */
	.row[style*="gap: 24px"] .col[style*="display: flex; gap: 40px"] > div {
		min-width: 100% !important;
	}
	
	/* Ajustar contenedor de resultados y botones de vista */
	div[style*="display: flex; justify-content: space-between"] {
		flex-direction: column !important;
		gap: 16px !important;
		align-items: flex-start !important;
		height: auto !important;
	}
	
	/* Ajustar botones de vista (grid/list) */
	div[style*="display: flex; border-radius: 6px"] {
		width: 100% !important;
	}
	
	div[style*="display: flex; border-radius: 6px"] button {
		flex: 1 !important;
	}
	
	/* Ajustar tarjetas para que ocupen todo el ancho */
	.ad-card-container {
		flex: 1 1 100% !important;
		max-width: 100% !important;
	}
	
	/* Ajustar gap del contenedor de anuncios */
	#ads-container[style*="display: flex; flex-wrap: wrap; gap: 24px"] {
		gap: 16px !important;
	}
}

/* Desde 576px hacia abajo (móviles grandes) */
@media (max-width: 576px) {
	/* Reducir más el padding */
	main[style*="padding: 24px 82px"] {
		padding: 16px 16px !important;
	}
	
	/* Reducir padding del contenedor */
	.container[style*="max-width: 1440px"] {
		padding: 0 16px !important;
	}
	
	/* Ajustar hero section */
	div[style*="padding: 48px 0"] {
		padding: 32px 0 !important;
	}
	
	.container[style*="max-width: 1440px"] {
		padding: 0 16px !important;
	}
	
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] h1 {
		font-size: 24px !important;
		line-height: 1.3 !important;
	}
	
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] p {
		font-size: 14px !important;
	}
	
	/* Ajustar título de filtros */
	h5[style*="padding-bottom: 12px"] {
		font-size: 16px !important;
	}
	
	/* Ajustar labels de filtros */
	label[for="province"],
	label[for="birth_year"],
	label[for="price_min"] {
		font-size: 14px !important;
	}
	
	/* Ajustar inputs y selects */
	select[id="province"],
	input[id="birth_year"],
	input[id="price_min"] {
		font-size: 14px !important;
		padding: 8px 10px !important;
	}
	
	/* Ajustar botón de búsqueda */
	button[type="submit"][style*="background-color: #314e3c"] {
		padding: 10px 16px !important;
		font-size: 13px !important;
	}
	
	/* Ajustar texto de resultados */
	p[style*="margin: 0; font-family: 'Raleway'"] {
		font-size: 14px !important;
	}
	
	/* Ajustar botones de vista */
	div[style*="display: flex; border-radius: 6px"] button span {
		font-size: 13px !important;
	}
	
	/* Ajustar tarjetas de anuncios */
	.ad-card-container h6 {
		font-size: 16px !important;
	}
	
	.ad-info-column span {
		font-size: 13px !important;
	}
	
	.ad-description {
		font-size: 12px !important;
	}
	
	/* Ajustar botón "Ver detalle" */
	.ad-detail-btn {
		padding: 8px 16px !important;
		font-size: 13px !important;
	}
	
	.ad-detail-btn span {
		font-size: 13px !important;
	}
	
	/* Ajustar gap del contenedor de anuncios */
	#ads-container[style*="display: flex; flex-wrap: wrap; gap: 24px"] {
		gap: 12px !important;
	}
	
	/* Ajustar vista de lista en tablets */
	.list-view .ad-card {
		padding: 12px !important;
	}
	
	.list-view .ad-image-column {
		flex: 0 0 100px !important;
		height: 100px !important;
	}
	
	.list-view .ad-content-wrapper {
		padding: 0 0 0 16px !important;
	}
}

/* Desde 480px hacia abajo (móviles pequeños) */
@media (max-width: 480px) {
	/* Reducir aún más el padding */
	main[style*="padding: 24px 82px"] {
		padding: 12px 12px !important;
	}
	
	/* Reducir padding del contenedor */
	.container[style*="max-width: 1440px"] {
		padding: 0 12px !important;
	}
	
	/* Ajustar hero section */
	div[style*="padding: 48px 0"] {
		padding: 24px 0 !important;
	}
	
	.container[style*="max-width: 1440px"] {
		padding: 0 12px !important;
	}
	
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] h1 {
		font-size: 22px !important;
	}
	
	.container[style*="max-width: 1440px"] > div[style*="max-width: 864px"] p {
		font-size: 13px !important;
	}
	
	/* Ajustar botón "Publicar anuncio" */
	.container[style*="max-width: 1440px"] > div[style*="max-width: 432px"] a {
		padding: 10px 16px !important;
		font-size: 14px !important;
	}
	
	/* Ajustar contenedor de filtros */
	div[style*="background-color: #fffefa; border: 1px solid #eeeae0"] {
		border-radius: 16px !important;
	}
	
	div[style*="padding: 16px"] {
		padding: 12px !important;
	}
	
	/* Ajustar título de filtros */
	h5[style*="padding-bottom: 12px"] {
		padding-bottom: 8px !important;
		margin-bottom: 12px !important;
		font-size: 15px !important;
	}
	
	/* Ajustar gap del formulario */
	.row[style*="gap: 24px"] {
		gap: 12px !important;
	}
	
	.row[style*="gap: 24px"] .col[style*="display: flex; gap: 40px"] {
		gap: 12px !important;
	}
	
	/* Ajustar labels */
	label[for="province"],
	label[for="birth_year"],
	label[for="price_min"] {
		margin-bottom: 6px !important;
		font-size: 13px !important;
	}
	
	/* Ajustar inputs y selects */
	select[id="province"],
	input[id="birth_year"],
	input[id="price_min"] {
		padding: 8px 10px !important;
		font-size: 13px !important;
		border-radius: 12px !important;
	}
	
	/* Ajustar botón de búsqueda */
	button[type="submit"][style*="background-color: #314e3c"] {
		padding: 9px 14px !important;
		font-size: 12px !important;
	}
	
	/* Ajustar contenedor de resultados */
	div[style*="display: flex; flex-direction: column; gap: 32px"] {
		gap: 20px !important;
	}
	
	/* Ajustar texto de resultados */
	p[style*="margin: 0; font-family: 'Raleway'"] {
		font-size: 13px !important;
	}
	
	/* Ajustar botones de vista */
	div[style*="display: flex; border-radius: 6px"] button {
		padding: 6px 10px !important;
	}
	
	div[style*="display: flex; border-radius: 6px"] button span {
		font-size: 12px !important;
	}
	
	div[style*="display: flex; border-radius: 6px"] button img {
		width: 14px !important;
		height: 14px !important;
	}
	
	/* Ajustar tarjetas de anuncios */
	.ad-card {
		border-radius: 16px !important;
	}
	
	.ad-card-container h6 {
		font-size: 15px !important;
		margin-bottom: 12px !important;
	}
	
	.ad-content-wrapper {
		padding: 12px !important;
	}
	
	.ad-info-column > div {
		gap: 16px !important;
		margin-bottom: 6px !important;
	}
	
	.ad-info-column img {
		width: 11px !important;
		height: 11px !important;
	}
	
	.ad-info-column span {
		font-size: 12px !important;
	}
	
	.ad-description {
		font-size: 11px !important;
		margin-bottom: 6px !important;
	}
	
	.ad-price {
		font-size: 14px !important;
	}
	
	.ad-actions-column {
		gap: 8px !important;
		margin-top: 12px !important;
	}
	
	.ad-detail-btn {
		padding: 8px 14px !important;
		font-size: 12px !important;
		border-radius: 12px !important;
	}
	
	.ad-detail-btn span {
		font-size: 12px !important;
	}
	
	.ad-detail-btn img {
		width: 14px !important;
		height: 14px !important;
	}
	
	.ad-favorite-btn {
		width: 32px !important;
		height: 32px !important;
		padding: 8px !important;
	}
	
	.ad-favorite-btn img {
		width: 14px !important;
		height: 14px !important;
	}
	
	/* Ajustar gap del contenedor de anuncios */
	#ads-container[style*="display: flex; flex-wrap: wrap; gap: 24px"] {
		gap: 10px !important;
	}
	
	/* Ajustar vista de lista en móviles pequeños */
	.list-view .ad-card {
		flex-direction: column !important;
		padding: 12px !important;
	}
	
	.list-view .ad-image-column {
		flex: 0 0 auto !important;
		width: 100% !important;
		height: 180px !important;
		margin-bottom: 12px !important;
	}
	
	.list-view .ad-content-wrapper {
		flex-direction: column !important;
		padding: 0 !important;
		align-items: flex-start !important;
	}
	
	.list-view .ad-info-column {
		padding-right: 0 !important;
		width: 100% !important;
		margin-bottom: 12px !important;
	}
	
	.list-view .ad-actions-column {
		width: 100% !important;
		margin-top: 0 !important;
	}
	
	.list-view .ad-detail-btn {
		flex: 1 !important;
		width: 100% !important;
	}
	
	.list-view .ad-favorite-btn {
		display: flex !important;
	}
}

/* ============================================
	MEDIA QUERIES PARA PÁGINA DETALLE ANUNCIO
	Ajuste de padding para dispositivos móviles
============================================ */

/* Desde 768px hacia abajo (tablets y móviles) */
@media (max-width: 768px) {
	.ad-detail-container {
		padding: 24px 24px !important;
	}
}

/* Desde 576px hacia abajo (móviles grandes) */
@media (max-width: 576px) {
	.ad-detail-container {
		padding: 16px 16px !important;
	}
}

/* Desde 480px hacia abajo (móviles pequeños) */
@media (max-width: 480px) {
	.ad-detail-container {
		padding: 12px 12px !important;
	}
}

/* ============================================
	MEDIA QUERIES PARA PÁGINA CREAR ANUNCIO
	Ajustes responsive para formulario
============================================ */

/* Desde 768px hacia abajo (tablets y móviles) */
@media (max-width: 768px) {
	/* Ajustar contenedor principal */
	.create-ad-page-container {
		margin: 24px auto !important;
		padding: 0 16px !important;
	}
	
	/* Ajustar header */
	.page-header {
		margin-bottom: 24px !important;
	}
	
	.page-title {
		font-size: 1.75rem !important;
	}
	
	.page-subtitle {
		font-size: 1rem !important;
	}
	
	/* Ajustar layout */
	.create-ad-layout {
		gap: 24px !important;
	}
	
	/* Ajustar tarjetas */
	.create-ad-card {
		margin-bottom: 20px !important;
		border-radius: 10px !important;
	}
	
	.create-ad-card-header {
		padding: 12px 16px !important;
	}
	
	.create-ad-card-header h5 {
		font-size: 1rem !important;
	}
	
	.create-ad-card-header i {
		font-size: 1.1rem !important;
	}
	
	.create-ad-card-body {
		padding: 12px 16px 20px 16px !important;
	}
	
	/* Ajustar form-row para que se apilen */
	.form-row {
		flex-direction: column !important;
		gap: 16px !important;
	}
	
	.form-row .form-group {
		width: 100% !important;
	}
	
	/* Ajustar inputs y selects */
	.form-group input,
	.form-group textarea,
	.form-group select {
		padding: 9px 12px !important;
		font-size: 14px !important;
	}
	
	/* Ajustar file-drop-zone */
	.file-drop-zone {
		padding: 24px 16px !important;
	}
	
	.file-drop-zone-prompt i {
		font-size: 2rem !important;
	}
	
	.file-drop-zone-prompt p {
		font-size: 0.9rem !important;
	}
	
	/* Ajustar sidebar */
	.sidebar-card {
		margin-bottom: 20px !important;
	}
	
	.sidebar-card-header {
		padding: 12px 16px !important;
	}
	
	.sidebar-card-header h5 {
		font-size: 1rem !important;
	}
	
	.sidebar-card-body {
		font-size: 0.9rem !important;
	}
	
	/* Ajustar checkbox group */
	.checkbox-group {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}
	
	/* Ajustar botón de envío */
	.form-navigation {
		margin-top: 8px !important;
	}
	
	.btn-main {
		padding: 12px 20px !important;
		font-size: 14px !important;
	}
	
	/* Ajustar nota del footer */
	.form-footer-note {
		font-size: 0.85rem !important;
		margin-top: 16px !important;
	}
}

/* Desde 576px hacia abajo (móviles grandes) */
@media (max-width: 576px) {
	/* Reducir más el padding */
	.create-ad-page-container {
		margin: 16px auto !important;
		padding: 0 12px !important;
	}
	
	/* Ajustar header */
	.page-header {
		margin-bottom: 20px !important;
	}
	
	.page-title {
		font-size: 1.5rem !important;
	}
	
	.page-subtitle {
		font-size: 0.95rem !important;
	}
	
	/* Ajustar layout */
	.create-ad-layout {
		gap: 20px !important;
	}
	
	/* Ajustar tarjetas */
	.create-ad-card {
		margin-bottom: 16px !important;
		border-radius: 8px !important;
	}
	
	.create-ad-card-header {
		padding: 10px 12px !important;
	}
	
	.create-ad-card-header h5 {
		font-size: 0.95rem !important;
	}
	
	.create-ad-card-body {
		padding: 10px 12px 16px 12px !important;
	}
	
	/* Ajustar form-row */
	.form-row {
		gap: 12px !important;
	}
	
	/* Ajustar labels */
	.form-group label {
		font-size: 0.9rem !important;
		margin-bottom: 6px !important;
	}
	
	/* Ajustar inputs y selects */
	.form-group input,
	.form-group textarea,
	.form-group select {
		padding: 8px 10px !important;
		font-size: 13px !important;
		border-radius: 10px !important;
	}
	
	/* Ajustar textareas */
	.form-group textarea {
		min-height: 80px !important;
	}
	
	/* Ajustar file-drop-zone */
	.file-drop-zone {
		padding: 20px 12px !important;
		border-radius: 10px !important;
	}
	
	.file-drop-zone-prompt i {
		font-size: 1.75rem !important;
	}
	
	.file-drop-zone-prompt p {
		font-size: 0.85rem !important;
		margin: 6px 0 !important;
	}
	
	.file-drop-zone-prompt small {
		font-size: 0.75rem !important;
	}
	
	/* Ajustar sidebar */
	.sidebar-card {
		margin-bottom: 16px !important;
	}
	
	.sidebar-card-header {
		padding: 10px 12px !important;
	}
	
	.sidebar-card-body {
		font-size: 0.85rem !important;
	}
	
	.sidebar-card-body ul,
	.sidebar-card-body ol {
		gap: 10px !important;
	}
	
	/* Ajustar checkbox group */
	.checkbox-group {
		gap: 10px !important;
	}
	
	.form-check {
		font-size: 0.9rem !important;
	}
	
	/* Ajustar botón de envío */
	.btn-main {
		padding: 10px 18px !important;
		font-size: 13px !important;
	}
	
	/* Ajustar nota del footer */
	.form-footer-note {
		font-size: 0.8rem !important;
		margin-top: 12px !important;
	}
}

/* Desde 480px hacia abajo (móviles pequeños) */
@media (max-width: 480px) {
	/* Reducir aún más el padding */
	.create-ad-page-container {
		margin: 12px auto !important;
		padding: 0 10px !important;
	}
	
	/* Ajustar header */
	.page-header {
		margin-bottom: 16px !important;
	}
	
	.page-title {
		font-size: 1.35rem !important;
		line-height: 1.3 !important;
	}
	
	.page-subtitle {
		font-size: 0.9rem !important;
	}
	
	/* Ajustar layout */
	.create-ad-layout {
		gap: 16px !important;
	}
	
	/* Ajustar tarjetas */
	.create-ad-card {
		margin-bottom: 12px !important;
		border-radius: 8px !important;
	}
	
	.create-ad-card-header {
		padding: 8px 10px !important;
	}
	
	.create-ad-card-header h5 {
		font-size: 0.9rem !important;
	}
	
	.create-ad-card-header i {
		font-size: 1rem !important;
	}
	
	.create-ad-card-body {
		padding: 8px 10px 12px 10px !important;
	}
	
	/* Ajustar form-row */
	.form-row {
		gap: 10px !important;
	}
	
	/* Ajustar labels */
	.form-group label {
		font-size: 0.85rem !important;
		margin-bottom: 5px !important;
	}
	
	/* Ajustar inputs y selects */
	.form-group input,
	.form-group textarea,
	.form-group select {
		padding: 7px 9px !important;
		font-size: 12px !important;
		border-radius: 8px !important;
	}
	
	/* Ajustar textareas */
	.form-group textarea {
		min-height: 70px !important;
	}
	
	/* Ajustar file-drop-zone */
	.file-drop-zone {
		padding: 16px 10px !important;
		border-radius: 8px !important;
	}
	
	.file-drop-zone-prompt i {
		font-size: 1.5rem !important;
	}
	
	.file-drop-zone-prompt p {
		font-size: 0.8rem !important;
		margin: 5px 0 !important;
	}
	
	.file-drop-zone-prompt small {
		font-size: 0.7rem !important;
	}
	
	/* Ajustar sidebar */
	.sidebar-card {
		margin-bottom: 12px !important;
	}
	
	.sidebar-card-header {
		padding: 8px 10px !important;
	}
	
	.sidebar-card-header h5 {
		font-size: 0.9rem !important;
	}
	
	.sidebar-card-body {
		padding: 10px !important;
		padding-top: 0 !important;
		font-size: 0.8rem !important;
	}
	
	.sidebar-card-body ul,
	.sidebar-card-body ol {
		gap: 8px !important;
		padding-left: 16px !important;
	}
	
	/* Ajustar checkbox group */
	.checkbox-group {
		gap: 8px !important;
	}
	
	.form-check {
		font-size: 0.85rem !important;
	}
	
	/* Ajustar botón de envío */
	.form-navigation {
		margin-top: 4px !important;
	}
	
	.btn-main {
		padding: 9px 16px !important;
		font-size: 12px !important;
		border-radius: 8px !important;
	}
	
	/* Ajustar nota del footer */
	.form-footer-note {
		font-size: 0.75rem !important;
		margin-top: 10px !important;
	}
}