/**
 * Trabajos Realizados: solo maquetación.
 *
 * Los colores, las tipografías, los fondos de las secciones y los botones los pone el tema. Solo
 * tienen color propio los controles que van encima de las fotos (Play, deslizador del antes vs
 * después, flechas del carrusel y visor de imágenes), que necesitan contraste sobre cualquier imagen.
 * Los estilos tipográficos por defecto van con :where() (especificidad 0): cualquier regla del tema gana.
 *
 * Variables para ajustar desde el tema (en :root o en cualquier contenedor):
 *   --trabajos-ancho         Ancho máximo del contenido de la página (por defecto, el ancho amplio del tema de bloques o 1200px)
 *   --trabajos-margen        Margen lateral de la página en pantallas estrechas (1.25rem)
 *   --trabajos-hueco         Separación entre casillas (1.5rem; en móvil, --trabajos-hueco-movil: 1rem)
 *   --trabajos-min           Ancho mínimo de cada casilla de la galería (12rem; en móvil, --trabajos-min-movil: 9rem)
 *   --trabajos-ad-min        Ancho mínimo de cada antes vs después (16rem)
 *   --trabajos-radio         Radio de las esquinas de imágenes, vídeos y comparaciones (0)
 *   --trabajos-fondo-video   Fondo del hueco de los vídeos (#000)
 * Cada shortcode pone en su elemento --trabajos-por-fila y --trabajos-proporcion.
 */

.trabajos {
	--_hueco: var(--trabajos-hueco, 1.5rem);
	--_min: var(--trabajos-min, 12rem);
	--_n: var(--trabajos-por-fila, 3);
}

@media (max-width: 767px) {
	.trabajos {
		--_hueco: var(--trabajos-hueco-movil, 1rem);
		--_min: var(--trabajos-min-movil, 9rem);
	}
}

.trabajos-contenedor {
	width: min(100% - 2 * var(--trabajos-margen, 1.25rem), var(--trabajos-ancho, var(--wp--style--global--wide-size, 1200px)));
	margin-inline: auto;
}

/* ==========================================================================
   Página "Trabajos realizados"
   ========================================================================== */

.trabajos-pagina__hero {
	padding-block: clamp(3.5rem, 9vw, 7rem) clamp(2.5rem, 6vw, 4.5rem);
	text-align: center;
}

.trabajos-pagina__titulo,
.trabajos-pagina__etiqueta {
	margin-block: 0;
}

.trabajos-pagina__etiqueta {
	margin-bottom: 1rem;
}

.trabajos-pagina__subtitulo {
	max-width: 46rem;
	margin: 1.25rem auto 0;
}

.trabajos-pagina__bajar {
	display: inline-flex;
	margin-top: 2rem;
	color: inherit;
	animation: trabajos-bajar 2s ease-in-out infinite;
}

@keyframes trabajos-bajar {
	50% {
		transform: translateY(6px);
	}
}

.trabajos-pagina__contenido {
	padding-bottom: clamp(2rem, 5vw, 3rem);
}

.trabajos-pagina__cierre,
.trabajos-pagina__cta {
	padding-block: clamp(3.5rem, 8vw, 5.5rem);
	text-align: center;
}

.trabajos-pagina__cierre .trabajos-contenedor,
.trabajos-pagina__cta .trabajos-contenedor {
	max-width: 50rem;
}

.trabajos-pagina__cierre-titulo,
.trabajos-pagina__cta-titulo {
	margin: 0 0 1rem;
}

.trabajos-pagina__cierre-texto,
.trabajos-pagina__cta-texto {
	margin: 0;
}

.trabajos-pagina__botones {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-top: 2rem;
}

/* ==========================================================================
   Lista: cada trabajo en una fila
   ========================================================================== */

.trabajos-lista {
	display: flex;
	flex-direction: column;
	gap: clamp(3rem, 6vw, 4.5rem);
}

/* En la página, cada trabajo es una sección a todo el ancho (el tema puede alternar sus fondos
   con .trabajos-lista__trabajo--par / --impar). */
.trabajos-pagina .trabajos-lista {
	gap: 0;
}

.trabajos-pagina .trabajos-lista__trabajo,
.trabajos-lista__vacio {
	padding-block: clamp(3rem, 7vw, 5.5rem);
}

.trabajos-lista__vacio {
	text-align: center;
}

.trabajos-lista__cabecera {
	display: flex;
	align-items: flex-start;
	gap: 1.75rem;
	margin-bottom: clamp(1.75rem, 4vw, 3rem);
	padding-bottom: clamp(1.25rem, 3vw, 2rem);
	border-bottom: 1px solid rgb(128 128 128 / 0.25);
	border-bottom-color: color-mix(in srgb, currentColor 15%, transparent);
}

.trabajos-lista__textos {
	min-width: 0;
}

.trabajos-lista__titulo {
	margin: 0 0 0.5rem;
}

.trabajos-lista__descripcion {
	max-width: 44rem;
	margin: 0;
}

.trabajos-lista__vacio .trabajos-lista__descripcion {
	margin-inline: auto;
}

:where(.trabajos-lista__numero) {
	flex-shrink: 0;
	font-size: clamp(2.5rem, 6vw, 4rem);
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	opacity: 0.35;
}

.trabajos-lista__medios {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: var(--_hueco);
}

@media (max-width: 1024px) {
	.trabajos-lista__medios {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* En móvil, las imágenes de cada trabajo se deslizan con el dedo. */
@media (max-width: 767px) {
	.trabajos-lista__cabecera {
		flex-direction: column;
		gap: 0.75rem;
	}

	.trabajos-lista__medios {
		display: flex;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.trabajos-lista__medios::-webkit-scrollbar {
		display: none;
	}

	.trabajos-lista__medios > .trabajos-medio {
		flex: 0 0 85%;
		scroll-snap-align: center;
	}

	.trabajos-lista__medios > .trabajos-medio:only-child {
		flex-basis: 100%;
	}
}

/* ==========================================================================
   Casillas: imágenes y vídeos
   ========================================================================== */

.trabajos-medio {
	position: relative;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	aspect-ratio: var(--trabajos-proporcion, 4 / 5);
	border-radius: var(--trabajos-radio, 0);
}

.trabajos-medio__enlace {
	display: block;
	width: 100%;
	height: 100%;
	cursor: zoom-in;
}

.trabajos-medio__enlace:focus-visible {
	outline-offset: -4px;
}

.trabajos-medio__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.trabajos-medio__ampliar {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(0 0 0 / 0.35);
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.trabajos-medio__enlace:hover .trabajos-medio__ampliar,
.trabajos-medio__enlace:focus-visible .trabajos-medio__ampliar {
	opacity: 1;
}

.trabajos-medio__enlace:hover .trabajos-medio__img {
	transform: scale(1.04);
}

/* Vídeo: el hueco de la casilla lleva dentro el vídeo con su proporción real (vertical, cuadrado u
   horizontal), lo más grande posible sin salirse. */
.trabajos-medio--video {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--trabajos-fondo-video, #000);
	container-type: size;
	cursor: pointer;
}

.trabajos-medio--video:has(iframe) {
	cursor: auto;
}

.trabajos-video {
	position: relative;
	flex-shrink: 0;
	width: min(100cqw, 100cqh * var(--trabajos-video-ratio, 1.7778));
	aspect-ratio: var(--trabajos-video-ratio, 1.7778);
	overflow: hidden;
}

@supports not (width: 1cqw) {
	.trabajos-video {
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
	}
}

.trabajos-video__boton {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: #fff;
	font: inherit;
	cursor: pointer;
}

.trabajos-video__boton[hidden] {
	display: none;
}

.trabajos-video__boton:focus-visible {
	outline: 3px solid #fff;
	outline-offset: -3px;
}

/* Botón para ampliar el vídeo en el visor, en la esquina de la casilla. */
.trabajos-medio__ampliar-video {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(0 0 0 / 0.55);
	box-shadow: none;
	color: #fff;
	cursor: zoom-in;
	transition: background-color 0.2s ease;
}

.trabajos-medio__ampliar-video:hover,
.trabajos-medio__ampliar-video:focus-visible {
	background: rgb(0 0 0 / 0.85);
}

.trabajos-medio__ampliar-video:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

.trabajos-medio__ampliar-video svg {
	width: 1.125rem;
	height: 1.125rem;
}

.trabajos-video--sin-portada .trabajos-video__boton {
	background: linear-gradient(135deg, #3a3a3a, #111);
}

.trabajos-video__portada {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.trabajos-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.25rem;
	height: 4.25rem;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgb(0 0 0 / 0.6);
	box-shadow: 0 0 0 2px rgb(255 255 255 / 0.85);
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.trabajos-video__play svg {
	width: 1.75rem;
	height: 1.75rem;
	margin-left: 0.2rem;
}

.trabajos-video__boton:hover .trabajos-video__play,
.trabajos-video__boton:focus-visible .trabajos-video__play {
	transform: translate(-50%, -50%) scale(1.08);
	background: rgb(0 0 0 / 0.8);
}

.trabajos-video__proveedor {
	position: absolute;
	bottom: 0.625rem;
	left: 0.625rem;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	background: rgb(0 0 0 / 0.6);
	font-size: 0.75rem;
	line-height: 1.4;
}

.trabajos-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ==========================================================================
   Galería: cuadrícula con un máximo de --trabajos-por-fila casillas por fila
   ========================================================================== */

.trabajos-galeria {
	position: relative;
}

.trabajos-galeria__pista {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, max(var(--_min), (100% - (var(--_n) - 1) * var(--_hueco)) / var(--_n))), 1fr));
	align-items: start;
	gap: var(--_hueco);
}

/* Carrusel en ordenadores: una fila con --trabajos-por-fila casillas a la vista. */
@media (min-width: 768px) {
	.trabajos-galeria--carrusel-escritorio .trabajos-galeria__pista {
		display: flex;
		align-items: flex-start;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: thin;
		padding-bottom: 0.75rem;
	}

	.trabajos-galeria--carrusel-escritorio .trabajos-medio {
		flex: 0 0 min(100%, max(var(--_min), (100% - (var(--_n) - 1) * var(--_hueco)) / var(--_n)));
		scroll-snap-align: start;
	}

	.trabajos-galeria--carrusel-escritorio .trabajos-carrusel__boton {
		display: flex;
	}
}

/* Carrusel en móviles: una fila que se desliza con el dedo. */
@media (max-width: 767px) {
	.trabajos-galeria--carrusel-movil .trabajos-galeria__pista {
		display: flex;
		align-items: flex-start;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.trabajos-galeria--carrusel-movil .trabajos-galeria__pista::-webkit-scrollbar {
		display: none;
	}

	.trabajos-galeria--carrusel-movil .trabajos-medio {
		flex: 0 0 85%;
		scroll-snap-align: center;
	}

	.trabajos-galeria--carrusel-movil .trabajos-medio:only-child {
		flex-basis: 100%;
	}
}

/* Mientras se arrastra con el ratón. */
.trabajos-galeria__pista.is-arrastrando {
	scroll-snap-type: none;
	cursor: grabbing;
	user-select: none;
}

.trabajos-galeria__pista.is-arrastrando > * {
	pointer-events: none;
}

.trabajos-carrusel__boton {
	position: absolute;
	top: calc(50% - 0.375rem);
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	border: 0;
	border-radius: 50%;
	background: rgb(0 0 0 / 0.6);
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	transition: opacity 0.2s ease, background-color 0.2s ease;
}

.trabajos-carrusel__boton[hidden] {
	display: none;
}

.trabajos-carrusel__boton:hover,
.trabajos-carrusel__boton:focus-visible {
	background: rgb(0 0 0 / 0.85);
}

.trabajos-carrusel__boton:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

.trabajos-carrusel__boton:disabled {
	opacity: 0;
	pointer-events: none;
}

.trabajos-carrusel__boton--anterior {
	left: 0.75rem;
}

.trabajos-carrusel__boton--siguiente {
	right: 0.75rem;
}

/* ==========================================================================
   Antes vs después
   ========================================================================== */

.trabajos-ad {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--_hueco);
}

.trabajos-ad__item {
	flex: 0 1 calc((100% - (var(--_n) - 1) * var(--_hueco)) / var(--_n));
	min-width: min(100%, var(--trabajos-ad-min, 16rem));
	margin: 0;
}

@media (max-width: 600px) {
	.trabajos-ad__item {
		flex-basis: 100%;
	}
}

.trabajos-ad__marco {
	--trabajos-ad-pos: 50%;
	position: relative;
	overflow: hidden;
	aspect-ratio: var(--trabajos-proporcion, 4 / 3);
	border-radius: var(--trabajos-radio, 0);
	cursor: ew-resize;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
}

.trabajos-ad__img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-drag: none;
}

/* La imagen del antes solo se ve a la izquierda del deslizador. */
.trabajos-ad__img--antes {
	clip-path: inset(0 calc(100% - var(--trabajos-ad-pos)) 0 0);
}

.trabajos-ad__linea {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--trabajos-ad-pos);
	width: 3px;
	margin-left: -1.5px;
	background: #fff;
	box-shadow: 0 0 8px rgb(0 0 0 / 0.35);
	pointer-events: none;
}

.trabajos-ad__tirador {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgb(0 0 0 / 0.3);
	color: #111;
}

.trabajos-ad__tirador svg {
	width: 1.125rem;
	height: 1.125rem;
}

.trabajos-ad__marco:has(.trabajos-ad__control:focus-visible) .trabajos-ad__tirador {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.trabajos-ad__etiqueta {
	position: absolute;
	top: 0.75rem;
	padding: 0.25rem 0.625rem;
	border-radius: 4px;
	background: rgb(0 0 0 / 0.6);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	pointer-events: none;
}

.trabajos-ad__etiqueta--antes {
	left: 0.75rem;
}

.trabajos-ad__etiqueta--despues {
	right: 0.75rem;
}

/* Control de teclado y lector de pantalla; con el ratón o el dedo se arrastra sobre la imagen. */
.trabajos-ad__control {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}

.trabajos-ad__titulo {
	margin: 0.875rem 0 0;
	text-align: center;
}

/* Botón para ampliar la comparación a pantalla completa, en la esquina elegida en el shortcode
   (.trabajos-ad--ampliar-arriba-derecha…). La etiqueta de esa esquina se aparta para dejarle sitio. */
.trabajos-ad {
	--_ampliar: 2.25rem;
}

@media (max-width: 600px) {
	.trabajos-ad {
		--_ampliar: 2rem;
	}
}

.trabajos-ad__ampliar {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--_ampliar);
	height: var(--_ampliar);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(0 0 0 / 0.55);
	box-shadow: none;
	color: #fff;
	cursor: zoom-in;
	transition: background-color 0.2s ease;
}

.trabajos-ad__ampliar:hover,
.trabajos-ad__ampliar:focus-visible {
	background: rgb(0 0 0 / 0.85);
}

.trabajos-ad__ampliar:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

.trabajos-ad__ampliar svg {
	width: 50%;
	height: 50%;
}

.trabajos-ad--ampliar-arriba-derecha .trabajos-ad__ampliar,
.trabajos-ad--ampliar-arriba-izquierda .trabajos-ad__ampliar {
	top: 0.5rem;
}

.trabajos-ad--ampliar-abajo-derecha .trabajos-ad__ampliar,
.trabajos-ad--ampliar-abajo-izquierda .trabajos-ad__ampliar {
	bottom: 0.5rem;
}

.trabajos-ad--ampliar-arriba-derecha .trabajos-ad__ampliar,
.trabajos-ad--ampliar-abajo-derecha .trabajos-ad__ampliar {
	right: 0.5rem;
}

.trabajos-ad--ampliar-arriba-izquierda .trabajos-ad__ampliar,
.trabajos-ad--ampliar-abajo-izquierda .trabajos-ad__ampliar {
	left: 0.5rem;
}

.trabajos-ad--ampliar-arriba-derecha .trabajos-ad__etiqueta--despues {
	right: calc(var(--_ampliar) + 0.875rem);
}

.trabajos-ad--ampliar-arriba-izquierda .trabajos-ad__etiqueta--antes {
	left: calc(var(--_ampliar) + 0.875rem);
}

/* En una comparación estrecha no caben las dos etiquetas y el botón en la misma línea: con el botón
   arriba, las dos etiquetas pasan abajo. */
.trabajos-ad__marco {
	container: trabajos-ad-marco / inline-size;
}

@container trabajos-ad-marco (max-width: 16rem) {
	.trabajos-ad--ampliar-arriba-derecha .trabajos-ad__etiqueta,
	.trabajos-ad--ampliar-arriba-izquierda .trabajos-ad__etiqueta {
		top: auto;
		bottom: 0.5rem;
	}

	.trabajos-ad--ampliar-arriba-derecha .trabajos-ad__etiqueta--despues {
		right: 0.5rem;
	}

	.trabajos-ad--ampliar-arriba-izquierda .trabajos-ad__etiqueta--antes {
		left: 0.5rem;
	}
}

/* ==========================================================================
   Visor de imágenes y vídeos a pantalla completa
   ========================================================================== */

.trabajos-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4rem 4.5rem;
	background: rgb(0 0 0 / 0.92);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
	overscroll-behavior: contain;
	touch-action: pan-y pinch-zoom;
}

.trabajos-lightbox.is-abierto {
	opacity: 1;
	visibility: visible;
}

.trabajos-lightbox__img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	-webkit-user-select: none;
	user-select: none;
}

/* Vídeo en el visor: lo más grande posible con su proporción. */
.trabajos-lightbox__video {
	display: flex;
	flex: 1 1 auto;
	align-self: stretch;
	align-items: center;
	justify-content: center;
	min-width: 0;
	container-type: size;
}

/* Antes vs después en el visor: lo más grande posible con la proporción real de sus imágenes. */
.trabajos-lightbox__comparacion {
	display: flex;
	flex: 1 1 auto;
	align-self: stretch;
	align-items: center;
	justify-content: center;
	min-width: 0;
	container-type: size;
}

.trabajos-lightbox__comparacion .trabajos-ad__marco {
	flex: none;
	width: min(100cqw, 100cqh * var(--trabajos-ad-ratio, 1.3333));
	aspect-ratio: var(--trabajos-ad-ratio, 4 / 3);
	border-radius: 0;
}

.trabajos-lightbox__img[hidden],
.trabajos-lightbox__video[hidden],
.trabajos-lightbox__comparacion[hidden] {
	display: none;
}

.trabajos-lightbox__boton {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(255 255 255 / 0.12);
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.trabajos-lightbox__boton[hidden] {
	display: none;
}

.trabajos-lightbox__boton:hover,
.trabajos-lightbox__boton:focus-visible {
	background: rgb(255 255 255 / 0.25);
}

.trabajos-lightbox__boton:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.trabajos-lightbox__cerrar {
	top: 0.75rem;
	right: 0.75rem;
}

.trabajos-lightbox__anterior,
.trabajos-lightbox__siguiente {
	top: 50%;
	transform: translateY(-50%);
}

.trabajos-lightbox__anterior {
	left: 0.75rem;
}

.trabajos-lightbox__siguiente {
	right: 0.75rem;
}

.trabajos-lightbox__contador {
	position: absolute;
	right: 0;
	bottom: 1.1rem;
	left: 0;
	margin: 0;
	color: rgb(255 255 255 / 0.75);
	font-size: 0.875rem;
	line-height: 1.4;
	text-align: center;
	pointer-events: none;
}

@media (max-width: 767px) {
	.trabajos-lightbox {
		padding: 4rem 0.75rem;
	}

	.trabajos-lightbox__anterior,
	.trabajos-lightbox__siguiente {
		top: auto;
		bottom: 0.5rem;
		transform: none;
	}
}

.trabajos-sin-scroll {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.trabajos-pagina__bajar {
		animation: none;
	}

	.trabajos-medio__img,
	.trabajos-video__play,
	.trabajos-lightbox {
		transition: none;
	}
}