.banner-wrapper {
width: 100%;
max-width: 970px;
margin: 0 auto;
}
.banner-container {
position: relative;
width: 100%;
aspect-ratio: 970 / 250;
overflow: hidden;
cursor: pointer;
border-radius: 12px;
background: #111;
}
/* Video adaptable */
.banner-container video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease, filter 0.4s ease;
pointer-events: none;
}
/* Efecto hover en dispositivos compatibles */
@media (hover: hover) and (pointer: fine) {
.banner-wrapper a:hover video {
transform: scale(1.05);
filter: brightness(70%);
}
}
/* Botón de llamada a la acción */
.banner-button {
position: absolute;
bottom: 5%;
right: 5%;
z-index: 2;
background: #ff0000;
color: #ffffff;
padding: 10px 16px;
font-size: 14px;
font-weight: bold;
border-radius: 6px;
text-transform: uppercase;
text-align: center;
pointer-events: none;
}
/* Enlace */
.banner-wrapper a {
display: block;
text-decoration: none;
color: inherit;
border-radius: 12px;
overflow: hidden;
}
/* Móviles */
@media (max-width: 768px) {
.banner-button {
font-size: 12px;
padding: 8px 12px;
}
}
/* Pantallas pequeñas */
@media (max-width: 480px) {
.banner-button {
font-size: 11px;
padding: 6px 10px;
bottom: 8%;
right: 5%;
}
}
/* Accesibilidad: usuarios que reducen animaciones */
@media (prefers-reduced-motion: reduce) {
.banner-container video {
transition: none;
}
}
Welcome to Liberty Case
We have a curated list of the most noteworthy news from all across the globe. With any subscription plan, you get access to exclusive articles that let you stay ahead of the curve.
Welcome to Liberty Case
We have a curated list of the most noteworthy news from all across the globe. With any subscription plan, you get access to exclusive articles that let you stay ahead of the curve.
Welcome to Liberty Case
We have a curated list of the most noteworthy news from all across the globe. With any subscription plan, you get access to exclusive articles that let you stay ahead of the curve.
Subscribe to Liberty Case
Forever
Gratis
/ forever
Sign up with just an email address and you get access to this tier instantly.
Recommended
1-Year
$
300
$
0
/ year
Pay now and you get access to exclusive news and articles for a whole year.
1-Month
$
25
$
0
/ month
By agreeing to this tier, you are billed every month after the first one until you opt out of the monthly subscription.
Subscribe to Liberty Case
Forever
Gratis
/ forever
Sign up with just an email address and you get access to this tier instantly.
Recommended
1-Year
$
300
$
0
/ year
Pay now and you get access to exclusive news and articles for a whole year.
1-Month
$
25
$
0
/ month
By agreeing to this tier, you are billed every month after the first one until you opt out of the monthly subscription.
Welcome to Liberty Case
We have a curated list of the most noteworthy news from all across the globe. With any subscription plan, you get access to exclusive articles that let you stay ahead of the curve.
Nuestro fundador y director
Sanchito Sánchez, es periodista y locutor azuano con una gran experiencia en los medios de comunicación, con ejercicio de más de 25 años. Es egresado de la escuela de comunicación social de CENTU. Contacto: 809 479 5749
Copyright Newspaper Theme, by tagDiv.