*,
*::before,
*::after {
box-sizing: border-box;
}
body,
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd, ul, ol {
margin: 0;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--blx-fuente);
font-size: var(--blx-escala-base);
line-height: var(--blx-alto-linea);
color: var(--blx-tinta);
background: var(--blx-fondo);
text-rendering: optimizeSpeed;
}
h1, h2, h3, h4 {
font-family: var(--blx-fuente-display);
line-height: 1.2;
font-weight: 700;
letter-spacing: var(--blx-track-titulo);
text-wrap: balance;
}
h1 {
font-size: clamp(2rem, 1.4rem + 2.9vw, 4.25rem);
letter-spacing: var(--blx-track-display);
}
h2 { font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem); }
h3 {
font-size: clamp(1.2rem, 1.1rem + 0.6vw, 1.5rem);
letter-spacing: var(--blx-track-sub);
}
h4,
h5,
h6 {
letter-spacing: var(--blx-track-normal);
}
@media (max-width: 599px) {
h1, h2, h3, h4,
.blx-tiempo__titulo,
.blx-tarjeta__titulo,
.blx-prepie__titulo {
overflow-wrap: break-word;
hyphens: auto;
}
}
.blx-dato {
display: block;
font-family: var(--blx-fuente-display);
font-size: clamp(2.25rem, 1.6rem + 3vw, 3.75rem);
font-weight: var(--blx-peso-bold);
line-height: 1;
letter-spacing: var(--blx-track-display);
font-variant-numeric: tabular-nums;
color: var(--blx-marca);
}
.blx-dato__rotulo {
display: block;
margin-top: 0.35rem;
font-size: 0.8125rem;
font-weight: var(--blx-peso-semibold);
line-height: 1.35;
letter-spacing: var(--blx-track-menudo);
text-transform: uppercase;
color: var(--blx-tinta-suave);
}
h2, h3, h4 {
margin-top: var(--blx-esp-4);
margin-bottom: var(--blx-esp-2);
}
p {
margin-bottom: var(--blx-esp-2);
text-wrap: pretty;
}
a {
color: var(--blx-acento);
text-decoration: underline;
text-underline-offset: 0.15em;
text-decoration-thickness: 1px;
transition: color 180ms ease, text-decoration-thickness 180ms ease, text-underline-offset 180ms ease;
}
.blx-subrayado-animado {
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0% 1px;
transition: background-size 260ms cubic-bezier(0.65, 0, 0.35, 1), color 180ms ease;
}
.blx-subrayado-animado:hover,
.blx-subrayado-animado:focus-visible,
.blx-subrayado-animado[aria-current="page"],
.is-activo > .blx-subrayado-animado {
background-size: 100% 1px;
}
.blx-pie .blx-subrayado-animado {
background-size: 0% 1.5px;
}
.blx-pie .blx-subrayado-animado:hover,
.blx-pie .blx-subrayado-animado:focus-visible {
background-size: 100% 1.5px;
}
a:hover,
a:focus {
color: var(--blx-marca-oscuro);
}
:focus-visible {
outline: 3px solid var(--blx-acento);
outline-offset: 2px;
}
img,
picture,
video,
canvas,
svg,
iframe {
display: block;
max-width: 100%;
}
img {
height: auto;
}
input,
button,
textarea,
select {
font: inherit;
color: inherit;
}
input,
textarea,
select {
width: 100%;
padding: 0.6rem 0.75rem;
border: 1px solid var(--blx-linea);
border-radius: var(--blx-radio);
background: var(--blx-fondo);
}
button,
input[type="submit"],
.blx-cta,
.blx-nav__lista a,
.blx-menu-boton {
min-height: 44px;
}
button,
input[type="submit"],
.blx-cta,
.blx-nav__lista a,
.blx-menu-boton {
font-family: var(--blx-fuente-display);
}
button,
input[type="submit"],
.blx-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--blx-esp-1);
padding: 0.65rem 1.5rem;
border: 1px solid var(--blx-marca);
border-radius: var(--blx-radio);
background: var(--blx-marca);
color: var(--blx-fondo);
font-weight: 600;
text-decoration: none;
cursor: pointer;
}
button:hover,
input[type="submit"]:hover,
.blx-cta:hover {
background: var(--blx-marca-oscuro);
border-color: var(--blx-marca-oscuro);
color: var(--blx-fondo);
}
.blx-cta--claro {
background: var(--blx-blanco);
border-color: var(--blx-blanco);
color: var(--blx-verde-profundo);
}
.blx-cta--claro:hover {
background: var(--blx-menta-linx);
border-color: var(--blx-menta-linx);
color: var(--blx-negro-verde);
}
.blx-cta,
.blx-cookies__boton,
button,
input[type="submit"] {
border-radius: var(--blx-radio);
font-size: 1rem;
}
.blx-sr,
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.blx-saltar {
position: absolute;
top: 0;
left: 0;
z-index: 100;
display: flex;
align-items: center;
min-height: 44px;
padding: var(--blx-esp-1) var(--blx-esp-2);
background: var(--blx-marca);
color: var(--blx-fondo);
transform: translateY(-120%);
}
.blx-saltar:focus {
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.blx-icono__fondo {
opacity: 0.2;
}