/**
 * Banner destacado: una imagen enlazada a todo el ancho del contenido.
 *
 * Depende de assets/css/base.css.
 */

.radiowp-featured__inner {
	max-width: var(--radiowp-container);
	margin-inline: auto;
	padding: var(--radiowp-section-space-tight) var(--radiowp-gutter);
}

.radiowp-featured__link {
	display: block;
	border-radius: var(--radiowp-radius-lg);
	overflow: hidden;
	transition: box-shadow var(--radiowp-transition), transform var(--radiowp-transition);
}

.radiowp-featured__link:hover {
	box-shadow: var(--radiowp-shadow);
	transform: translateY(-2px);
}

.radiowp-featured__link:focus-visible {
	outline: 2px solid var(--radiowp-color-accent);
	outline-offset: 3px;
}

/*
 * Ancho completo, alto por proporción. Dos clases para ganar a `.elementor img{height:auto}`
 * (ver README). El radio va en el enlace, que recorta con overflow.
 */
.radiowp-featured .radiowp-featured__image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--radiowp-radius-lg);
}

.radiowp-featured__link .radiowp-featured__image {
	border-radius: 0;
}