💄 Añade componente PoweredBy para copyright

Adapta la página de bienvenida al tratamiento revisado de regiones y
añade en el pie el componente `PoweredBy` para la nota de copyright.
This commit is contained in:
Manuel Cillero 2025-08-24 10:19:17 +02:00
parent 0c1b12aacd
commit 4311e9f335
10 changed files with 251 additions and 50 deletions

View file

@ -410,51 +410,61 @@ a:hover:visited {
transform: rotate(2deg);
}
#footer {
width: 100%;
/*
* Region footer
*/
.region--footer {
background-color: black;
color: var(--color-gray);
}
.welcome-footer {
font-size: 1.15rem;
font-weight: 300;
line-height: 100%;
display: flex;
justify-content: center;
display: flex;
flex-direction: column;
max-width: 80rem;
padding: 0 10.625rem 2rem;
/*
z-index: 10;
*/
}
#footer a:visited {
.welcome-footer a:visited {
color: var(--color-gray);
}
.footer-logo {
max-height: 12.625rem;
}
.footer-logo svg {
width: 100%;
}
.footer-logo,
.footer-links,
.footer-inner {
.welcome-footer__logo,
.welcome-footer__links {
display: flex;
justify-content: center;
width: 100%;
}
.footer-links {
.welcome-footer__logo {
max-height: 12.625rem;
}
.welcome-footer__logo svg {
width: 100%;
}
.welcome-footer__links {
gap: 1.875rem;
flex-wrap: wrap;
margin-top: 2rem;
}
.footer-inner {
max-width: 80rem;
display: flex;
flex-direction: column;
padding: 0 10.625rem 2rem;
}
@media (max-width: 48rem) {
.footer-logo {
.welcome-footer__logo {
display: none;
}
}
@media (max-width: 64rem) {
.footer-inner {
.welcome-footer {
padding: 0 1rem 2rem;
}
}
/* PoweredBy component */
.poweredby a:visited {
color: var(--color-gray);
}