.blx-blog-grilla {
display: grid;
gap: var(--blx-esp-5);
margin-block: var(--blx-esp-4);
}
.blx-blog-grilla__tarjetas {
display: grid;
gap: var(--blx-esp-3);
}
.blx-nota {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--blx-fondo);
border: 1px solid var(--blx-linea);
border-radius: calc(var(--blx-radio) * 2);
transition:
border-color 260ms cubic-bezier(0.33, 1, 0.68, 1),
box-shadow 260ms cubic-bezier(0.33, 1, 0.68, 1),
transform 260ms cubic-bezier(0.33, 1, 0.68, 1);
}
.blx-nota:hover,
.blx-nota:focus-within {
border-color: color-mix(in srgb, var(--blx-teal-linx) 32%, var(--blx-linea));
box-shadow:
0 1px 2px rgb(23 96 97 / 8%),
0 18px 32px -16px rgb(23 96 97 / 30%);
transform: translateY(-3px);
transition:
border-color 420ms cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1),
transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}
.blx-nota__medio {
display: block;
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--blx-fondo-alt);
background-image: none;
}
.blx-nota__fondo {
display: block;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition:
transform 1200ms cubic-bezier(0.16, 1, 0.3, 1),
filter 600ms ease;
filter: saturate(0.94);
}
.blx-nota:hover .blx-nota__fondo,
.blx-nota:focus-within .blx-nota__fondo {
transform: scale(1.03);
filter: saturate(1);
}
.blx-nota__fondo--sin-imagen {
display: grid;
place-items: center;
font-size: clamp(2.5rem, 8vw, 4.5rem);
font-weight: var(--blx-peso-bold);
color: rgb(255 255 255 / 88%);
background: var(--blx-gradiente-linx);
user-select: none;
}
.blx-nota__fondo--sin-imagen[data-tono="1"] {
background: linear-gradient(135deg, var(--blx-verde-linx) 0%, var(--blx-verde-bosque) 100%);
}
.blx-nota__fondo--sin-imagen[data-tono="2"] {
background: linear-gradient(135deg, var(--blx-verde-senal) 0%, var(--blx-verde-profundo) 100%);
}
.blx-nota__fondo--sin-imagen[data-tono="3"] {
background: linear-gradient(135deg, var(--blx-menta-linx) 0%, var(--blx-teal-linx) 100%);
}
.blx-nota__categoria {
position: absolute;
top: 0.75rem;
left: 0.75rem;
z-index: 2;
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 0.3rem 0.7rem;
background: var(--blx-blanco);
color: var(--blx-marca-oscuro);
border-radius: 100px;
font-size: 0.75rem;
font-weight: var(--blx-peso-semibold);
line-height: 1.3;
text-decoration: none;
background-image: none;
box-shadow: 0 1px 4px rgb(11 24 17 / 18%);
}
.blx-nota__categoria:hover {
background: var(--blx-marca);
color: var(--blx-blanco);
}
.blx-nota__fecha {
color: inherit;
font-size: inherit;
line-height: inherit;
white-space: nowrap;
}
.blx-nota__cuerpo {
display: flex;
flex-direction: column;
gap: 0.6rem;
flex: 1;
padding: var(--blx-esp-2);
}
.blx-nota__titulo {
margin: 0;
font-size: 1rem;
line-height: 1.3;
text-wrap: balance;
}
.blx-nota__titulo a {
color: var(--blx-tinta);
text-decoration: none;
background-image: none;
transition: color 180ms ease;
}
.blx-nota__titulo a:hover,
.blx-nota__titulo a:focus-visible {
color: var(--blx-marca);
}
.blx-nota__extracto {
margin: 0;
color: var(--blx-tinta-suave);
font-size: 0.9375rem;
line-height: 1.6;
}
.blx-nota__meta {
display: flex;
align-items: center;
gap: 0.35rem;
color: var(--blx-tinta-suave);
font-size: 0.8125rem;
}
.blx-nota__meta .blx-icono {
flex: 0 0 auto;
opacity: 0.8;
}
.blx-nota__sep {
opacity: 0.5;
}
.blx-nota__cta {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin-top: auto;
align-self: start;
min-height: 32px;
padding-inline: 0.4rem;
margin-inline: -0.4rem;
border-radius: var(--blx-radio);
color: var(--blx-marca);
font-size: 0.875rem;
font-weight: var(--blx-peso-semibold);
text-decoration: none;
background-image: none;
}
.blx-nota__cta .blx-icono {
transition: transform 200ms ease;
}
.blx-nota:hover .blx-nota__cta .blx-icono,
.blx-nota__cta:focus-visible .blx-icono {
transform: translateX(3px);
}
.blx-nota--destacada {
margin-bottom: var(--blx-esp-4);
}
.blx-nota--destacada .blx-nota__titulo {
font-size: 1.375rem;
}
.blx-filtros {
display: grid;
gap: 0.75rem;
margin-block: var(--blx-esp-3) var(--blx-esp-4);
padding-block: var(--blx-esp-2);
border-block: 1px solid var(--blx-linea);
}
.blx-filtros__fila {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
}
.blx-filtros__rotulo {
margin-right: 0.25rem;
color: var(--blx-tinta-suave);
font-size: 0.8125rem;
font-weight: var(--blx-peso-semibold);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.blx-pastilla {
display: inline-flex;
align-items: center;
gap: 0.35rem;
min-height: 36px;
padding: 0.3rem 0.75rem;
background: var(--blx-fondo-alt);
color: var(--blx-tinta-suave);
border: 1px solid transparent;
border-radius: 100px;
font-size: 0.8125rem;
line-height: 1.3;
text-decoration: none;
background-image: none;
transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.blx-pastilla:hover,
.blx-pastilla:focus-visible {
background: var(--blx-blanco);
color: var(--blx-marca);
border-color: var(--blx-marca);
}
.blx-pastilla.is-activa {
background: var(--blx-marca);
color: var(--blx-blanco);
border-color: var(--blx-marca);
font-weight: var(--blx-peso-semibold);
}
.blx-pastilla__cuenta {
padding: 0.05rem 0.35rem;
background: rgb(11 24 17 / 8%);
border-radius: 100px;
font-size: 0.6875rem;
font-variant-numeric: tabular-nums;
}
.blx-pastilla.is-activa .blx-pastilla__cuenta {
background: rgb(255 255 255 / 22%);
}
.blx-miga {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
margin-block: var(--blx-esp-3) var(--blx-esp-2);
color: var(--blx-tinta-suave);
font-size: 0.8125rem;
}
.blx-miga a {
display: inline-flex;
align-items: center;
min-height: 32px;
padding-inline: 0.35rem;
margin-inline: -0.35rem;
border-radius: var(--blx-radio);
}
.blx-miga a + a,
.blx-miga__sep + a {
margin-inline-start: 0;
}
.blx-miga__sep {
opacity: 0.45;
}
.blx-miga--hero,
.blx-miga--hero a {
color: rgb(255 255 255 / 82%);
}
.blx-listado__portada {
position: relative;
left: 50%;
width: 100vw;
margin-left: -50vw;
margin-bottom: var(--blx-esp-4);
padding-block: var(--blx-esp-4);
padding-inline: max(1rem, calc(50vw - 600px + 1rem));
background:
radial-gradient(120% 120% at 85% 0%, rgb(47 199 181 / 16%) 0%, transparent 55%),
linear-gradient(155deg, var(--blx-negro-verde) 0%, var(--blx-verde-bosque) 58%, var(--blx-verde-profundo) 100%);
color: var(--blx-blanco);
overflow: hidden;
}
.blx-listado__portada .blx-miga,
.blx-listado__portada .blx-miga a,
.blx-listado__portada .blx-miga__sep {
color: rgb(255 255 255 / 80%);
}
.blx-listado__portada .blx-miga a:hover {
color: var(--blx-blanco);
}
.blx-listado__portada::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(rgb(255 255 255 / 20%) 1px, transparent 1px);
background-size: 22px 22px;
opacity: 0.32;
pointer-events: none;
}
.blx-listado__portada .blx-fondo--orbes span {
background: radial-gradient(
circle at 50% 50%,
rgb(47 199 181 / 40%) 0%,
rgb(47 199 181 / 14%) 45%,
transparent 70%
);
}
.blx-listado__portada .blx-fondo--orbes span:nth-child(even) {
background: radial-gradient(
circle at 50% 50%,
rgb(35 145 147 / 46%) 0%,
rgb(35 145 147 / 16%) 48%,
transparent 72%
);
}
.blx-listado__portada .blx-fondo--orbes span {
width: calc(16rem + var(--i) * 7rem);
top: calc(-9rem + var(--i) * 9%);
left: calc(-8rem + var(--i) * 28%);
}
@media (prefers-reduced-motion: no-preference) {
.blx-listado__portada .blx-fondo--orbes span {
animation-duration: 1.6s, calc(16s + var(--i) * 5s);
}
}
.blx-listado__portada > * {
position: relative;
z-index: 1;
}
.blx-buscador {
margin-top: var(--blx-esp-3);
max-width: 34rem;
}
.blx-buscador__caja {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.35rem 0.35rem 0.35rem 0.85rem;
border: 1px solid rgb(255 255 255 / 30%);
border-radius: 999px;
background: rgb(255 255 255 / 12%);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
transition: border-color 260ms ease, background-color 260ms ease;
}
.blx-buscador__caja:focus-within {
border-color: rgb(255 255 255 / 70%);
background: rgb(255 255 255 / 20%);
}
.blx-buscador__icono {
display: flex;
flex: none;
color: rgb(255 255 255 / 75%);
}
.blx-buscador__campo {
flex: 1 1 auto;
min-width: 0;
min-height: 44px;
padding: 0;
border: 0;
background: transparent;
color: var(--blx-blanco);
font-family: inherit;
font-size: 0.95rem;
}
.blx-buscador__campo::placeholder {
color: rgb(255 255 255 / 62%);
}
.blx-buscador__campo:focus {
outline: none;
}
.blx-buscador__campo::-webkit-search-cancel-button {
filter: invert(1) opacity(0.7);
}
.blx-buscador__boton {
flex: none;
min-height: 44px;
padding: 0 1.15rem;
border: 0;
border-radius: 999px;
background: var(--blx-blanco);
color: var(--blx-verde-profundo);
font-family: inherit;
font-size: 0.85rem;
font-weight: var(--blx-peso-semibold);
cursor: pointer;
transition: background-color 220ms ease, color 220ms ease;
}
.blx-buscador__boton:hover,
.blx-buscador__boton:focus-visible {
background: var(--blx-menta-linx);
color: var(--blx-negro-verde);
}
.blx-listado__ayuda {
margin: 0;
color: var(--blx-tinta-suave);
}
.blx-listado__cabecera {
margin-bottom: 0;
}
.blx-listado__portada .blx-listado__cabecera h1 {
color: var(--blx-blanco);
text-wrap: balance;
}
.blx-listado__portada .blx-listado__bajada {
margin: var(--blx-esp-1) 0 0;
max-width: 46rem;
color: rgb(255 255 255 / 88%);
}
.blx-listado__vacio {
display: grid;
gap: var(--blx-esp-2);
justify-items: start;
padding-block: var(--blx-esp-5);
color: var(--blx-tinta-suave);
}
.blx-indice__lista {
margin: 0;
padding: 0;
list-style: none;
counter-reset: blx-seccion;
}
.blx-indice__item {
position: relative;
}
.blx-indice__enlace {
display: block;
padding: 0.5rem 0 0.5rem 1rem;
border-left: 2px solid var(--blx-linea);
color: var(--blx-tinta-suave);
font-size: 0.875rem;
line-height: 1.4;
text-decoration: none;
transition: color 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}
.blx-indice__item--n2 > .blx-indice__enlace {
counter-increment: blx-seccion;
font-weight: var(--blx-peso-medium);
}
.blx-indice__item--n2 > .blx-indice__enlace::before {
content: counter(blx-seccion) ".";
margin-right: 0.4rem;
color: var(--blx-menta-linx);
font-weight: var(--blx-peso-bold);
font-variant-numeric: tabular-nums;
}
.blx-indice__item--n3 > .blx-indice__enlace {
padding-left: 2.1rem;
font-size: 0.82rem;
color: color-mix(in srgb, var(--blx-tinta-suave) 80%, transparent);
}
.blx-indice__enlace:hover,
.blx-indice__enlace:focus-visible {
border-left-color: var(--blx-teal-linx);
background: var(--blx-fondo-alt);
color: var(--blx-marca);
}
.blx-indice__enlace.es-actual {
border-left-color: var(--blx-menta-linx);
border-left-width: 2px;
color: var(--blx-verde-linx);
font-weight: var(--blx-peso-semibold);
}
.blx-indice__item--n3 > .blx-indice__enlace.es-actual {
color: var(--blx-verde-linx);
}
.blx-articulo__cuerpo h2,
.blx-articulo__cuerpo h3 {
scroll-margin-top: 6.5rem;
}
.blx-lateral__bloque {
margin-bottom: var(--blx-esp-4);
padding-bottom: var(--blx-esp-3);
border-bottom: 1px solid var(--blx-linea);
}
.blx-lateral__bloque:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.blx-lateral__titulo {
margin: 0 0 var(--blx-esp-1);
font-size: 1rem;
color: var(--blx-marca-oscuro);
}
.blx-lateral__lista {
display: grid;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.blx-lateral__enlace {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
min-height: 40px;
padding: 0.35rem 0.5rem;
margin-inline: -0.5rem;
color: var(--blx-tinta);
border-radius: var(--blx-radio);
font-size: 0.9375rem;
text-decoration: none;
background-image: none;
transition: background-color 160ms ease, color 160ms ease;
}
.blx-lateral__enlace:hover,
.blx-lateral__enlace:focus-visible {
background: var(--blx-fondo-alt);
color: var(--blx-marca);
}
.blx-lateral__cuenta {
flex: 0 0 auto;
padding: 0.1rem 0.45rem;
background: var(--blx-fondo-alt);
color: var(--blx-tinta-suave);
border-radius: 100px;
font-size: 0.75rem;
font-variant-numeric: tabular-nums;
}
.blx-lateral__etiquetas {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.blx-etiqueta {
display: inline-flex;
align-items: center;
gap: 0.3rem;
min-height: 32px;
padding: 0.25rem 0.6rem;
background: var(--blx-fondo-alt);
color: var(--blx-tinta-suave);
border-radius: 100px;
font-size: 0.75rem;
text-decoration: none;
background-image: none;
transition: background-color 160ms ease, color 160ms ease;
}
.blx-etiqueta:hover,
.blx-etiqueta:focus-visible {
background: var(--blx-marca);
color: var(--blx-blanco);
}
.blx-etiqueta__cuenta {
opacity: 0.7;
font-variant-numeric: tabular-nums;
}
.blx-lateral__vistas {
display: grid;
gap: 0.25rem;
margin: 0;
padding: 0;
list-style: none;
}
.blx-lateral__vistas a {
display: grid;
gap: 0.15rem;
padding: 0.5rem;
margin-inline: -0.5rem;
border-radius: var(--blx-radio);
text-decoration: none;
background-image: none;
transition: background-color 160ms ease;
}
.blx-lateral__vistas a:hover,
.blx-lateral__vistas a:focus-visible {
background: var(--blx-fondo-alt);
}
.blx-lateral__vista-titulo {
color: var(--blx-tinta);
font-size: 0.875rem;
font-weight: var(--blx-peso-medium);
line-height: 1.4;
}
.blx-lateral__vista-meta {
color: var(--blx-tinta-suave);
font-size: 0.75rem;
}
.blx-progreso {
position: fixed;
top: 0;
left: 0;
z-index: 60;
width: 0;
height: 3px;
background: var(--blx-menta-linx);
pointer-events: none;
}
.blx-articulo__hero {
position: relative;
display: grid;
align-items: end;
min-height: 340px;
padding-block: var(--blx-esp-5) var(--blx-esp-4);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
color: var(--blx-blanco);
}
.blx-articulo__hero--sin-imagen {
background: var(--blx-gradiente-linx);
}
.blx-articulo__hero--sin-imagen[data-tono="1"] {
background: linear-gradient(135deg, var(--blx-verde-linx) 0%, var(--blx-negro-verde) 100%);
}
.blx-articulo__hero--sin-imagen[data-tono="2"] {
background: linear-gradient(135deg, var(--blx-verde-senal) 0%, var(--blx-verde-profundo) 100%);
}
.blx-articulo__hero--sin-imagen[data-tono="3"] {
background: linear-gradient(135deg, var(--blx-teal-linx) 0%, var(--blx-verde-bosque) 100%);
}
.blx-articulo__velo {
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgb(11 24 17 / 20%) 0%,
rgb(11 24 17 / 55%) 55%,
rgb(11 24 17 / 82%) 100%
);
}
.blx-articulo__hero--sin-imagen .blx-articulo__velo {
background: none;
}
.blx-articulo__hero-cuerpo {
position: relative;
z-index: 1;
display: grid;
gap: 0.75rem;
justify-items: start;
}
.blx-articulo__categoria {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0.3rem 0.75rem;
background: var(--blx-menta-linx);
color: var(--blx-negro-verde);
border-radius: 100px;
font-size: 0.75rem;
font-weight: var(--blx-peso-semibold);
text-decoration: none;
background-image: none;
}
.blx-articulo__titulo {
margin: 0;
max-width: 22ch;
color: var(--blx-blanco);
}
.blx-articulo__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--blx-esp-2);
color: rgb(255 255 255 / 88%);
font-size: 0.875rem;
}
.blx-articulo__meta > span {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.blx-compartir {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.blx-compartir--pie {
margin-block: var(--blx-esp-4);
padding-block: var(--blx-esp-2);
border-block: 1px solid var(--blx-linea);
}
.blx-compartir__rotulo {
margin-right: 0.25rem;
color: var(--blx-tinta-suave);
font-size: 0.8125rem;
font-weight: var(--blx-peso-semibold);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.blx-compartir__boton {
display: inline-flex;
align-items: center;
gap: 0.4rem;
min-height: 40px;
padding: 0.4rem 0.85rem;
border: 1px solid transparent;
border-radius: 100px;
font-family: inherit;
font-size: 0.8125rem;
font-weight: var(--blx-peso-medium);
line-height: 1.3;
text-decoration: none;
background-image: none;
cursor: pointer;
transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.blx-compartir--hero .blx-compartir__boton {
background: rgb(255 255 255 / 16%);
color: var(--blx-blanco);
border-color: rgb(255 255 255 / 30%);
}
.blx-compartir--hero .blx-compartir__boton:hover,
.blx-compartir--hero .blx-compartir__boton:focus-visible {
background: rgb(255 255 255 / 26%);
border-color: rgb(255 255 255 / 55%);
}
.blx-compartir--pie .blx-compartir__boton {
background: var(--blx-fondo-alt);
color: var(--blx-tinta);
border-color: var(--blx-linea);
}
.blx-compartir--pie .blx-compartir__boton--whatsapp:hover,
.blx-compartir--pie .blx-compartir__boton--whatsapp:focus-visible {
background: #25d366;
color: #0b1811;
border-color: #25d366;
}
.blx-compartir--pie .blx-compartir__boton--linkedin:hover,
.blx-compartir--pie .blx-compartir__boton--linkedin:focus-visible {
background: #0a66c2;
color: var(--blx-blanco);
border-color: #0a66c2;
}
.blx-compartir__boton--copiar:hover,
.blx-compartir__boton--copiar:focus-visible {
background: var(--blx-marca);
color: var(--blx-blanco);
border-color: var(--blx-marca);
}
.blx-compartir__boton--copiar.is-copiado {
background: var(--blx-ok);
color: var(--blx-blanco);
border-color: var(--blx-ok);
}
.blx-tipo {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: var(--blx-esp-2);
}
.blx-tipo__icono {
color: var(--blx-tinta-suave);
font-size: 0.9375rem;
font-weight: var(--blx-peso-semibold);
}
.blx-tipo__grupo {
display: inline-flex;
gap: 0.25rem;
}
.blx-tipo__boton {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
min-height: 34px;
padding: 0.2rem 0.4rem;
background: var(--blx-fondo-alt);
color: var(--blx-tinta-suave);
border: 1px solid transparent;
border-radius: var(--blx-radio);
font-family: inherit;
font-size: 0.875rem;
cursor: pointer;
transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}
.blx-tipo__boton:hover {
color: var(--blx-marca);
border-color: var(--blx-marca);
}
.blx-tipo__boton[aria-pressed="true"] {
background: var(--blx-marca);
color: var(--blx-blanco);
border-color: var(--blx-marca);
}
.blx-articulo__cuerpo {
max-width: var(--blx-ancho-texto);
font-size: 1.0625rem;
line-height: 1.75;
}
.blx-articulo__cuerpo.is-chico {
font-size: 0.9375rem;
line-height: 1.7;
}
.blx-articulo__cuerpo.is-grande {
font-size: 1.1875rem;
line-height: 1.8;
}
.blx-articulo__cuerpo > * + * {
margin-top: var(--blx-esp-2);
}
.blx-articulo__cuerpo h2 {
margin-top: var(--blx-esp-4);
color: var(--blx-marca-oscuro);
}
.blx-articulo__cuerpo h3 {
margin-top: var(--blx-esp-3);
color: var(--blx-marca-oscuro);
}
.blx-articulo__cuerpo ul,
.blx-articulo__cuerpo ol {
padding-left: 1.25rem;
}
.blx-articulo__cuerpo li + li {
margin-top: 0.4rem;
}
.blx-articulo__cuerpo img {
max-width: 100%;
height: auto;
border-radius: var(--blx-radio);
}
.blx-articulo__etiquetas {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
margin-top: var(--blx-esp-3);
}
.blx-articulo__cuerpo > p:first-of-type {
font-size: 1.12em;
line-height: 1.62;
color: var(--blx-tinta);
}
.blx-articulo__cuerpo h2 {
position: relative;
margin-top: var(--blx-esp-4);
text-wrap: balance;
}
.blx-articulo__cuerpo h2::before {
content: "";
position: absolute;
top: 0.1em;
left: -1.25rem;
width: 4px;
height: 1.15em;
border-radius: 4px;
background: linear-gradient(to bottom, var(--blx-menta-linx), var(--blx-teal-linx));
}
@media (max-width: 899px) {
.blx-articulo__cuerpo h2::before {
top: -0.55rem;
left: 0;
width: 2.25rem;
height: 4px;
}
}
.blx-articulo__cuerpo blockquote {
position: relative;
margin: var(--blx-esp-4) 0;
padding: var(--blx-esp-3) var(--blx-esp-3) var(--blx-esp-3) var(--blx-esp-4);
border-left: 3px solid var(--blx-menta-linx);
border-radius: 0 12px 12px 0;
background: var(--blx-fondo-alt);
font-size: 1.08em;
line-height: 1.55;
color: var(--blx-verde-profundo);
}
.blx-articulo__cuerpo blockquote::before {
content: "\201C";
position: absolute;
top: 0.15rem;
left: 0.75rem;
color: var(--blx-menta-linx);
font-family: var(--blx-fuente-display);
font-size: 2.6rem;
line-height: 1;
opacity: 0.55;
pointer-events: none;
}
.blx-articulo__cuerpo blockquote p:last-child {
margin-bottom: 0;
}
.blx-articulo__cuerpo strong {
color: var(--blx-verde-profundo);
font-weight: var(--blx-peso-semibold);
}
.blx-relacionadas {
padding-block: var(--blx-esp-5);
background: var(--blx-fondo-alt);
}
.blx-relacionadas__titulo {
margin: 0 0 var(--blx-esp-3);
color: var(--blx-marca-oscuro);
}
.blx-contenedor .navigation.pagination {
margin-block: var(--blx-esp-4);
}
.blx-contenedor .nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
}
.blx-contenedor .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0.25rem 0.6rem;
background: var(--blx-fondo-alt);
color: var(--blx-tinta);
border-radius: var(--blx-radio);
font-size: 0.875rem;
text-decoration: none;
background-image: none;
}
.blx-contenedor a.page-numbers:hover {
background: var(--blx-marca);
color: var(--blx-blanco);
}
.blx-contenedor .page-numbers.current {
background: var(--blx-marca);
color: var(--blx-blanco);
font-weight: var(--blx-peso-semibold);
}
@media (min-width: 600px) {
.blx-blog-grilla__tarjetas {
grid-template-columns: repeat(2, 1fr);
}
.blx-articulo__hero {
min-height: 400px;
}
}
@media (min-width: 900px) {
.blx-blog-grilla {
grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr);
gap: var(--blx-esp-5);
align-items: start;
}
.blx-lateral {
align-self: stretch;
}
.blx-lateral__pegajoso {
position: sticky;
top: 7rem;
max-height: calc(100vh - 8rem);
padding-inline: 0.5rem;
margin-inline: -0.5rem;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--blx-linea) transparent;
}
.blx-nota--destacada {
display: grid;
grid-template-columns: 1.15fr 1fr;
align-items: stretch;
}
.blx-nota--destacada .blx-nota__medio {
aspect-ratio: auto;
height: 100%;
min-height: 260px;
}
.blx-nota--destacada .blx-nota__cuerpo {
gap: 0.75rem;
padding: var(--blx-esp-3);
}
.blx-nota--destacada .blx-nota__titulo {
font-size: 1.625rem;
}
.blx-nota--destacada .blx-nota__fecha {
right: auto;
left: 0.75rem;
top: auto;
bottom: 0.75rem;
}
.blx-articulo__hero {
min-height: 460px;
}
.blx-articulo__titulo {
max-width: 26ch;
}
}
@media (min-width: 1200px) {
.blx-blog-grilla__tarjetas {
grid-template-columns: repeat(3, 1fr);
}
}
@media (prefers-reduced-motion: reduce) {
.blx-nota:hover {
transform: none;
}
.blx-nota:hover .blx-nota__fondo {
transform: none;
}
.blx-nota:hover .blx-nota__cta .blx-icono,
.blx-nota__cta:focus-visible .blx-icono {
transform: none;
}
}
.blx-nota {
overflow: hidden;
border: 1px solid var(--blx-divisor);
border-radius: var(--blx-radio);
background: var(--blx-blanco);
box-shadow:
0 1px 2px rgb(11 24 17 / 8%),
0 8px 20px -12px rgb(11 24 17 / 14%);
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.blx-nota__medio img {
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (hover: hover) {
.blx-nota:hover {
transform: translateY(-4px);
border-color: var(--blx-marca);
box-shadow:
0 2px 4px rgb(11 24 17 / 12%),
0 20px 40px -16px rgb(11 24 17 / 26%);
}
.blx-nota:hover .blx-nota__medio img {
transform: scale(1.06);
}
}
@media (prefers-reduced-motion: reduce) {
.blx-nota,
.blx-nota__medio img {
transition: none;
}
.blx-nota:hover {
transform: none;
}
.blx-nota:hover .blx-nota__medio img {
transform: none;
}
}
.blx-listado__portada::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background-image: radial-gradient(rgb(47 199 181 / 30%) 1px, transparent 1px);
background-size: 22px 22px;
mask-image: linear-gradient(to bottom, rgb(0 0 0 / 70%), transparent 85%);
animation: blx-trama 60s linear infinite;
pointer-events: none;
}
@keyframes blx-trama {
from {
background-position: 0 0;
}
to {
background-position: 220px 220px;
}
}
.blx-listado__portada > * {
position: relative;
z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
.blx-listado__portada::before {
animation: none;
}
}
@media (min-width: 922px) {
.blx-articulo__titulo {
font-size: 44px;
font-weight: 600;
text-shadow: -2px -1px 17px #063031;
}
.blx-articulo__cuerpo .wp-block-heading {
font-size: 26px;
}
.blx-articulo__cuerpo h3,
.blx-articulo__cuerpo h3.wp-block-heading {
font-size: 21px;
}
.blx-articulo .wp-caption-text,
.blx-articulo figcaption {
font-size: 11px;
}
.blx-articulo .blx-contenedor {
max-width: 1320px;
}
.blx-articulo__cuerpo {
max-width: 66ch;
}
}