.vexel-eclipse-texto-imagen {
--vexel-ti-texto: 432px;
--vexel-ti-imagen: 544px;
--vexel-ti-imagen-alto: auto;
--vexel-ti-gap: 128px;
--vexel-ti-padding: 120px;
--vexel-ti-padding-top: var(--vexel-ti-padding);
--vexel-ti-padding-bottom: var(--vexel-ti-padding);
--vexel-ti-cierre-gap: 40px;
--vexel-ti-cta-ancho: auto;
--vexel-ti-color-titular: var(--wp--preset--color--secondary);
--vexel-ti-color-cursiva: var(--wp--preset--color--celeste-texto);
--vexel-ti-color-texto: var(--wp--preset--color--secondary);
padding-top: var(--vexel-ti-padding-top);
padding-bottom: var(--vexel-ti-padding-bottom);
}
.vexel-eclipse-texto-imagen.is-bg-bg {
background-color: var(--wp--preset--color--bg);
}
.vexel-eclipse-texto-imagen.is-bg-soft {
background-color: var(--wp--preset--color--bg-soft);
}
.vexel-eclipse-texto-imagen.is-bg-cream {
background-color: var(--wp--preset--color--bg-cream);
}
.vexel-eclipse-texto-imagen.is-bg-navy {
background-color: var(--wp--preset--color--navy);
--vexel-ti-color-titular: var(--wp--preset--color--bg);
--vexel-ti-color-texto: var(--wp--preset--color--bg);
--vexel-ti-color-cursiva: var(--wp--preset--color--accent);
}
.vexel-eclipse-texto-imagen.is-bg-none {
background-color: transparent;
}
.vexel-eclipse-texto-imagen__inner {
display: flex;
align-items: center;
gap: var(--vexel-ti-gap);
}
.vexel-eclipse-texto-imagen.is-image-left .vexel-eclipse-texto-imagen__media {
order: -1;
} .vexel-eclipse-texto-imagen.is-texto-top .vexel-eclipse-texto-imagen__texto {
align-self: flex-start;
}
.vexel-eclipse-texto-imagen.is-texto-bottom .vexel-eclipse-texto-imagen__texto {
align-self: flex-end;
} .vexel-eclipse-texto-imagen__texto {
display: flex;
flex-direction: column;
gap: 56px;
flex: 0 0 auto;
width: var(--vexel-ti-texto);
max-width: 100%;
}
.vexel-eclipse-texto-imagen__grupo {
display: flex;
flex-direction: column;
gap: 24px;
} .vexel-eclipse-texto-imagen__kicker {
margin: 0;
font-size: var(--wp--preset--font-size--sm);
line-height: 24px;
color: var(--vexel-ti-color-texto);
} .vexel-eclipse-texto-imagen__filete {
position: relative;
display: block;
width: 64px;
height: 0;
}
.vexel-eclipse-texto-imagen__filete::before {
content: "";
position: absolute; top: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: var(--wp--preset--color--accent);
} .vexel-eclipse-texto-imagen__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(--vexel-ti-color-titular);
}
.vexel-eclipse-texto-imagen__heading-line {
display: block;
}
.vexel-eclipse-texto-imagen__heading em,
.vexel-eclipse-texto-imagen__heading i {
font-style: italic;
font-weight: inherit;
color: var(--vexel-ti-color-cursiva);
}
.vexel-eclipse-texto-imagen__cuerpo {
font-size: var(--wp--preset--font-size--md);
line-height: 24px;
color: var(--vexel-ti-color-texto);
}
.vexel-eclipse-texto-imagen__cuerpo p {
margin: 0;
} .vexel-eclipse-texto-imagen__cuerpo p + p {
margin-top: 16px;
}
.vexel-eclipse-texto-imagen__cuerpo strong {
font-weight: 700;
} .vexel-eclipse-texto-imagen__cuerpo ul,
.vexel-eclipse-texto-imagen__cuerpo ol {
margin: 16px 0 0; padding-left: 24px;
}
.vexel-eclipse-texto-imagen__cuerpo ul:first-child,
.vexel-eclipse-texto-imagen__cuerpo ol:first-child {
margin-top: 0;
}
.vexel-eclipse-texto-imagen__cuerpo li {
margin: 0;
line-height: 24px;
} .vexel-eclipse-texto-imagen__cuerpo li::marker {
color: var(--wp--preset--color--celeste-texto);
font-size: 0.75em;
}
.vexel-eclipse-texto-imagen__cuerpo p + ul,
.vexel-eclipse-texto-imagen__cuerpo ul + p {
margin-top: 16px;
} .vexel-eclipse-texto-imagen__cierre {
margin: 0;
margin-top: calc(var(--vexel-ti-cierre-gap) - 24px);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--2-xl);
font-style: italic;
font-weight: 500;
line-height: 40px;
color: var(--vexel-ti-color-titular);
}
.vexel-eclipse-texto-imagen__cta-wrap {
margin: 0;
} .vexel-eclipse-texto-imagen__cta {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--vexel-ti-cta-ancho);
font-size: var(--wp--preset--font-size--sm);
line-height: 24px;
}   .vexel-eclipse-texto-imagen.has-image-height .vexel-eclipse-texto-imagen__media {
align-self: center;
height: var(--vexel-ti-imagen-alto);
}
.vexel-eclipse-texto-imagen__media {
position: relative;
align-self: stretch;
flex: 0 0 auto;
width: var(--vexel-ti-imagen);
max-width: 100%;
}
.vexel-eclipse-texto-imagen__imagen {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--wp--custom--radius--lg);
} @media (max-width: 1439px) {
.vexel-eclipse-texto-imagen__inner {
gap: var(--vexel-ti-gap-pc, 11.5942%);
}
.vexel-eclipse-texto-imagen__texto {
width: var(--vexel-ti-texto-pc, 39.1304%);
min-width: 0;
}
.vexel-eclipse-texto-imagen__media {
width: var(--vexel-ti-imagen-pc, 49.2754%);
min-width: 0;
}
}  @media (max-width: 1023px) {
.vexel-eclipse-texto-imagen {
padding-top: clamp(3.5rem, 8.333vw, var(--vexel-ti-padding-top));
padding-bottom: clamp(3.5rem, 8.333vw, var(--vexel-ti-padding-bottom));
}
.vexel-eclipse-texto-imagen__inner {
flex-direction: column;
align-items: stretch;
gap: var(--wp--preset--spacing--50);
}
.vexel-eclipse-texto-imagen__texto,
.vexel-eclipse-texto-imagen__media {
width: 100%;
}
.vexel-eclipse-texto-imagen__texto {
gap: var(--wp--preset--spacing--40);
}
.vexel-eclipse-texto-imagen__heading {
line-height: 1.25;
} .vexel-eclipse-texto-imagen__media {
align-self: auto;
aspect-ratio: 544 / 328;
}
}