/* ============================================================
   MexiCasas — alertas.css
   Botón "Crear alerta" en la barra de filtros (/propiedades/) y
   sección "Mis alertas" en /mi-cuenta/. Solo tokens de tokens.css.
   UI índigo (sin verde). Alturas de control canónicas 52/42px.

   CONTRATO DE CLASES
   Archivo: .mxc-filtros__alerta (+--hecha, __txt), .mxc-filtros__alerta-aviso.
   Cuenta:  .mxc-cuenta-alertas (+__cabecera/__titulo/__ayuda/__lista/__vacio),
            .mxc-cuenta-alerta (+__cuerpo/__frase/__ver/__borrar).
   Baja:    .mxc-alerta-baja (+__titulo/__texto/__cta).
   El atributo hidden gana a cualquier display propio (forzado en base.css).
   ============================================================ */

/* ---------- Botón "Crear alerta" (barra de filtros) ---------- */

.mxc-filtros__alerta {
	flex: none;
}

/* Estado "creada": relleno índigo suave, sin borde fuerte. Deshabilitado. */
.mxc-filtros__alerta--hecha,
.mxc-filtros__alerta--hecha:hover {
	background: var(--mxc-indigo-soft);
	border-color: var(--mxc-indigo-soft);
	color: var(--mxc-indigo-deep);
	cursor: default;
}

.mxc-filtros__alerta[disabled] {
	cursor: default;
}

/* Micro-aviso tras crear (con enlace a la cuenta). Ocupa toda la fila. */
.mxc-filtros__alerta-aviso {
	flex-basis: 100%;
	margin: 8px 0 0;
	font-size: var(--mxc-text-xs);
	color: var(--mxc-ink-2);
}
.mxc-filtros__alerta-aviso a {
	color: var(--mxc-indigo);
	font-weight: 600;
}

/* ---------- Sección "Mis alertas" (/mi-cuenta/) ---------- */

.mxc-cuenta-alertas {
	margin-top: 40px;
}

.mxc-cuenta-alertas__cabecera {
	margin-bottom: 18px;
}

.mxc-cuenta-alertas__titulo {
	font-size: var(--mxc-text-xl);
}

.mxc-cuenta-alertas__ayuda {
	font-size: var(--mxc-text-sm);
	color: var(--mxc-ink-2);
	margin: 6px 0 0;
	max-width: 62ch;
}

.mxc-cuenta-alertas__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Fila de alerta: frase + "Ver búsqueda" a la izquierda, "Borrar" a la derecha. */
.mxc-cuenta-alerta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px var(--mxc-gutter);
	background: var(--mxc-bone);
	border: 1px solid var(--mxc-line);
	border-radius: var(--mxc-radius);
	padding: 14px 18px;
	transition: opacity 0.15s ease, border-color 0.15s ease;
}

.mxc-cuenta-alerta.is-ocupada {
	opacity: 0.55;
	pointer-events: none;
}

.mxc-cuenta-alerta__cuerpo {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.mxc-cuenta-alerta__frase {
	font-size: var(--mxc-text-base);
	font-weight: 600;
	color: var(--mxc-ink);
	margin: 0;
}

.mxc-cuenta-alerta__ver {
	font-size: var(--mxc-text-sm);
	font-weight: 600;
	color: var(--mxc-indigo);
	text-decoration: none;
	width: max-content;
}
.mxc-cuenta-alerta__ver:hover {
	color: var(--mxc-indigo-deep);
	text-decoration: underline;
}

.mxc-cuenta-alerta__borrar {
	flex: none;
	color: var(--mxc-ink-2);
}
.mxc-cuenta-alerta__borrar:hover {
	color: var(--mxc-ink);
	border-color: var(--mxc-ink);
}

/* Estado vacío de la sección */

.mxc-cuenta-alertas__vacio {
	background: var(--mxc-bone);
	border: 1px dashed var(--mxc-line-strong);
	border-radius: var(--mxc-radius-lg);
	padding: 32px 24px;
	text-align: center;
}

.mxc-cuenta-alertas__vacio-titulo {
	font-weight: 600;
	font-size: var(--mxc-text-lg);
	margin: 0 0 6px;
}

.mxc-cuenta-alertas__vacio p {
	font-size: var(--mxc-text-sm);
	color: var(--mxc-ink-2);
	margin: 0;
}
.mxc-cuenta-alertas__vacio a {
	color: var(--mxc-indigo);
	font-weight: 600;
}

@media (min-width: 600px) {
	.mxc-cuenta-alertas__vacio {
		padding: 44px 24px;
	}
}

/* ---------- Página de baja (unsubscribe) ---------- */

.mxc-alerta-baja {
	max-width: 560px;
	margin: 0 auto;
	padding-block: 56px 72px;
	text-align: center;
}

.mxc-alerta-baja__titulo {
	font-size: var(--mxc-text-2xl);
	margin: 0 0 10px;
}

.mxc-alerta-baja__texto {
	font-size: var(--mxc-text-lg);
	color: var(--mxc-ink-2);
	margin: 0 0 24px;
}

@media (min-width: 900px) {
	.mxc-alerta-baja {
		padding-block: 88px 104px;
	}
}