.vexel-eclipse-actualidad {
--vexel-act-gap: 32px;
--vexel-act-lista-gap: 64px;
--vexel-act-tarjeta-gap: 16px;
--vexel-act-padding-top: 120px;
--vexel-act-padding-bottom: 72px;
--vexel-act-cta: 208px;
padding-top: var(--vexel-act-padding-top);
padding-bottom: var(--vexel-act-padding-bottom);
}
.vexel-eclipse-actualidad.is-bg-bg    { background-color: var(--wp--preset--color--bg); }
.vexel-eclipse-actualidad.is-bg-soft  { background-color: var(--wp--preset--color--bg-soft); }
.vexel-eclipse-actualidad.is-bg-cream { background-color: var(--wp--preset--color--bg-cream); }
.vexel-eclipse-actualidad.is-bg-none  { background-color: transparent; }
.vexel-eclipse-actualidad__inner {
display: flex;
flex-direction: column;
gap: var(--vexel-act-gap);
} .vexel-eclipse-actualidad__cabecera {
display: flex;
flex-direction: column;
gap: 24px;
}
.vexel-eclipse-actualidad__kicker {
margin: 0;
font-size: var(--wp--preset--font-size--sm);
line-height: 24px;
color: var(--wp--preset--color--secondary);
}
.vexel-eclipse-actualidad__filete {
position: relative;
display: block;
width: 64px;
height: 0;
}
.vexel-eclipse-actualidad__filete::before {
content: "";
position: absolute; top: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: var(--wp--preset--color--accent);
}
.vexel-eclipse-actualidad__heading {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--3-xl);
font-weight: 500;
line-height: 1;
color: var(--wp--preset--color--secondary);
}
.vexel-eclipse-actualidad__heading em,
.vexel-eclipse-actualidad__heading i {
font-style: italic;
font-weight: inherit;
color: var(--wp--preset--color--celeste-texto);
} .vexel-eclipse-actualidad__bloque {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--vexel-act-lista-gap);
} .vexel-eclipse-actualidad__lista {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: stretch;
gap: var(--vexel-act-tarjeta-gap);
width: 100%;
margin: 0;
padding: 0;
list-style: none;
} .vexel-eclipse-actualidad.has-una .vexel-eclipse-actualidad__lista {
grid-template-columns: minmax(
0,
calc((100% - var(--vexel-act-tarjeta-gap)) / 2)
);
justify-content: center;
}
.vexel-eclipse-actualidad__tarjeta {
display: flex;
align-items: flex-start;
gap: 32px;
min-width: 0;
margin: 0;
padding: 24px;
border-radius: var(--wp--custom--radius--xl);
background-color: var(--wp--preset--color--bg);
}
.vexel-eclipse-actualidad__media {
display: block;
flex-shrink: 0;
width: 206px;
height: 208px;
border-radius: var(--wp--custom--radius--lg);
overflow: hidden;
}
.vexel-eclipse-actualidad__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .vexel-eclipse-actualidad__texto {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1 1 0;
min-width: 0;
align-self: stretch;
}
.vexel-eclipse-actualidad__grupo {
display: flex;
flex-direction: column;
gap: 8px;
}
.vexel-eclipse-actualidad__titulo {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 400;
line-height: 32px;
color: var(--wp--preset--color--secondary);
}
.vexel-eclipse-actualidad__titulo a {
color: inherit;
text-decoration: none;
}
.vexel-eclipse-actualidad__titulo a:hover,
.vexel-eclipse-actualidad__titulo a:focus-visible {
color: var(--wp--preset--color--celeste-texto);
text-decoration: underline;
} .vexel-eclipse-actualidad__extracto {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
margin: 0;
font-size: var(--wp--preset--font-size--md);
line-height: 24px;
color: var(--wp--preset--color--secondary);
} .vexel-eclipse-actualidad__titulo {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
}
.vexel-eclipse-actualidad__meta {
margin: 0;
font-size: var(--wp--preset--font-size--xs);
line-height: 16px;
color: var(--wp--preset--color--celeste-texto);
}
.vexel-eclipse-actualidad__fecha {
color: var(--wp--preset--color--secondary);
} .vexel-eclipse-actualidad__categoria::before {
content: " | ";
color: var(--wp--preset--color--secondary);
}
.vexel-eclipse-actualidad__cta-wrap {
margin: 0;
}
.vexel-eclipse-actualidad__cta {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--vexel-act-cta);
padding-inline: 16px;
font-size: var(--wp--preset--font-size--sm);
line-height: 24px;
}  @media (max-width: 1023px) {
.vexel-eclipse-actualidad {
padding-top: clamp(3.5rem, 8.333vw, var(--vexel-act-padding-top));
padding-bottom: clamp(2.5rem, 5vw, var(--vexel-act-padding-bottom));
} .vexel-eclipse-actualidad__lista,
.vexel-eclipse-actualidad.has-una .vexel-eclipse-actualidad__lista {
grid-template-columns: minmax(0, 1fr);
justify-content: stretch;
}
}
@media (max-width: 767px) {
.vexel-eclipse-actualidad__tarjeta {
flex-direction: column;
gap: var(--wp--preset--spacing--30);
}
.vexel-eclipse-actualidad__media {
width: 100%;
height: auto;
aspect-ratio: 206 / 208;
}
}