/*
 * Hover unificado de botones en toda la web (polo_live + landing aapolo).
 *
 * Réplica del efecto del botón de registro (.btn-primary de la landing):
 * el fondo se oscurece suavemente al pasar el ratón. Como cada botón tiene
 * un color distinto, se implementa con filter:brightness, que oscurece
 * cualquier fondo (también imágenes) sin declarar un color por botón.
 *
 * Los botones de icono (fullscreen, burbuja de chat, cierres...) hacen en
 * su lugar un pequeño zoom.
 */

/* --- Efecto base: oscurecer el fondo --- */
button,
.btn,
.btn-blue,
.btn-red,
input[type="submit"],
input[type="button"] {
	transition: filter .15s ease-in-out;
}
button:hover,
.btn:hover,
.btn-blue:hover,
.btn-red:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	filter: brightness(.82);
	cursor: pointer;
}

/* --- Botones de icono: mini zoom en vez de oscurecer --- */
.fab,
.close,
.room-leave,
.icon-btn {
	transition: transform .12s ease-in-out, background .2s;
}
.fab:hover,
.close:hover,
.room-leave:hover,
.icon-btn:hover {
	filter: none;
	transform: scale(1.08);
}

/* --- Excepciones --- */
/* Ya traen su propio hover (el de registro es la referencia): no doblar el efecto. */
.btn-primary:hover,
.btn-secondary:hover,
.btn-categoria:hover {
	filter: none;
}
/* Flechas de los carruseles slick: usan transform para centrarse, no tocar. */
.slick-arrow,
.slick-prev,
.slick-next {
	transition: none;
}
.slick-arrow:hover,
.slick-prev:hover,
.slick-next:hover {
	filter: none;
	transform: translate(0, -50%);
}
/* Botones deshabilitados: sin efecto. */
button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled {
	filter: none;
	cursor: default;
}