.blx-cta,
.blx-form__boton,
.blx-cruzada,
.blx-oficina,
.blx-nota {
transition-property: transform, box-shadow, border-color, background-color, color;
transition-duration: 0.18s;
transition-timing-function: ease;
}
.blx-cta:active,
.blx-form__boton:active {
transform: scale(0.97);
}
@media (prefers-reduced-motion: no-preference) {
.blx-cta:hover,
.blx-cta:focus-visible {
transform: translateX(3px);
}
.blx-cta:active {
transform: scale(0.97);
}
}
.blx-cruzada:active,
.blx-nota:active {
transform: scale(0.995);
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 3px solid var(--blx-marca);
outline-offset: 2px;
border-radius: 2px;
}
.blx-contenido a:not([class]),
.blx-prosa a:not([class]),
.blx-legal__cuerpo a:not([class]) {
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 100% 1px;
transition: background-size 0.25s ease;
}
@media (hover: hover) {
.blx-contenido a:not([class]):hover,
.blx-prosa a:not([class]):hover,
.blx-legal__cuerpo a:not([class]):hover {
background-size: 100% 2px;
}
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
.blx-seccion__titulo::after {
content: "";
display: block;
width: 0;
height: 3px;
margin-block-start: 0.7rem;
background: var(--blx-marca);
border-radius: 2px;
transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.15s;
}
.blx-seccion__cabecera.is-visible .blx-seccion__titulo::after {
width: 3.5rem;
}
html:not(.blx-revelar-activo) .blx-seccion__titulo::after {
width: 3.5rem;
transition: none;
}
.blx-img-entra {
animation: blx-aparecer 0.35s ease both;
}
@keyframes blx-aparecer {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.blx-cta,
.blx-form__boton,
.blx-cruzada,
.blx-oficina,
.blx-nota,
.blx-seccion__titulo::after,
.blx-contenido a:not([class]) {
transition: none;
}
.blx-cta:active,
.blx-form__boton:active,
.blx-cruzada:active,
.blx-nota:active {
transform: none;
}
.blx-img-entra {
animation: none;
}
}