|
|
|
|
@ -221,6 +221,21 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* En claro, el texto oscuro necesita una base más presente sobre las
|
|
|
|
|
* fotografías. Sigue siendo translúcida, pero no deja que el hero se coma el
|
|
|
|
|
* contraste de la navegación.
|
|
|
|
|
*/
|
|
|
|
|
:global(:root[data-tema='claro']) .cabecera {
|
|
|
|
|
background-image: none;
|
|
|
|
|
background-color: color-mix(in oklab, var(--c-bg) 82%, transparent);
|
|
|
|
|
backdrop-filter: var(--desenfoque);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:global(:root[data-tema='claro']) .cabecera.desplazada {
|
|
|
|
|
background-color: color-mix(in oklab, var(--c-bg) 88%, transparent);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fila {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|