.block-ultimas-noticias{
padding-top: 100px;
padding-bottom: 100px;
}
.block-ultimas-noticias .grid-noticias{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
grid-row-gap: 75px;
margin-top: 60px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad .image img{
width: 100%;
height: 370px;
object-fit: cover;
object-position: center;
}
.block-ultimas-noticias .grid-noticias .single-actualidad{
display: flex;
flex-direction: column;
gap:10px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad h3{
font-size: 28px;
margin:0 0 10px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad h3 a{
color: #333;
text-decoration: none;
}
.block-ultimas-noticias .grid-noticias .single-actualidad p.date{
margin: 0;
font-size: 16px;
color: var(--color-dark);
}
@media only screen and (max-width:1500px) {
.block-ultimas-noticias .grid-noticias .single-actualidad-1 {
gap:60px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad-1 > .texto h3{
font-size: 40px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad-1 .image img{
height: 300px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad .image img{
height: 300px;
}
.block-ultimas-noticias{
padding-top: 70px;
padding-bottom: 70px;
}
}
@media only screen and (max-width:1200px) {
.block-ultimas-noticias .grid-noticias .single-actualidad-1{
gap:20px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad-1 > .texto{
width: 50%;
}
.block-ultimas-noticias .grid-noticias .single-actualidad-1 .image img{
height: 370px;
}
.block-ultimas-noticias .grid-noticias .image img{
height: 250px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad h3{
font-size: 22px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad-1 > .texto h3{
font-size: 30px;
}
}
@media only screen and (max-width:1200px) {
.block-ultimas-noticias .grid-noticias .single-actualidad .image img{
height: 150px;
}
}
@media only screen and (max-width:767px) {
.block-ultimas-noticias .grid-noticias{
grid-template-columns: repeat(1, 1fr);
}
.block-ultimas-noticias .grid-noticias{
grid-row-gap: 30px;
}
}
@media only screen and (max-width:575px) {
.block-ultimas-noticias .grid-noticias{
grid-template-columns: repeat(1, 1fr);
}
.block-ultimas-noticias .grid-noticias .single-actualidad-1 .image img{
height: 250px;
}
.block-ultimas-noticias .grid-noticias .single-actualidad-1 > .texto h3{
font-size: 22px;
}
}