header .col .logo.laraLogo,
.footer .logo.laraLogo {
    width: auto;
    max-width: none;
    font-family: "Instrument Serif", "Times New Roman", serif;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #191919;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
}

header .col .logo.laraLogo {
    font-size: 1.55vw;
}

.footer .logo.laraLogo {
    font-size: 1.6vw;
}

body:has(#menu.active) header .logo.laraLogo {
    color: #f0f0f0;
}

.footer,
.footer a,
.footer .noLink,
.footer .link {
    color: #191919;
}

.laraMarca {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4.8vw;
    padding: 0.4rem 0.6rem;
    font-family: "Roboto Mono", ui-monospace, monospace;
    font-size: 0.78vw;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #191919;
    text-align: center;
}

.projectMedia img,
.innerMedia img,
.mediaItem img,
.mediaWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 1080px) {
    header .col .logo.laraLogo {
        font-size: 2.5vw;
    }

    .laraMarca {
        font-size: 1.4vw;
    }
}

@media (max-width: 580px) {
    header .col .logo.laraLogo {
        font-size: 4.8vw;
    }

    .footer .logo.laraLogo {
        font-size: 7vw;
    }

    .laraMarca {
        font-size: 2.6vw;
        min-height: 12vw;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Keep the Lara mark legible behind the project cards. */
.homeProjectsBlock .sequencewrapper.laraSequence canvas,
.homeProjectsBlock .sequencewrapper.laraSequence .laraSequenceFallback {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
    opacity: 0.42;
    pointer-events: none;
}


/* Contacto en móvil: las dos columnas de datos se apilan a ancho completo.
   En el tema van al 50 % y el horario y la dirección se salían de pantalla. */
@media (max-width: 580px) {
    .contactBlock .col .innerCol .row,
    .contactBlock .col .innerCol .row:last-child {
        display: block;
        width: 100%;
        text-align: left;
    }

    .contactBlock .col .innerCol .row + .row {
        margin-top: 1.5rem;
    }

    .contactBlock .col .innerCol .row .link,
    .contactBlock .col .innerCol .row .noLink,
    .contactBlock .col .innerCol .row:last-child .link,
    .contactBlock .col .innerCol .row:last-child .noLink {
        width: auto;
        max-width: 100%;
        text-align: left;
    }
}

/* "Frecuentes" no cabe a 17vw en una columna de móvil y el tema la parte por letras. */
@media (max-width: 580px) {
    .faqBlock .col.text .title {
        font-size: 14vw;
    }
}