@import url("./variables.css");
@import url("./reset.css");
@import url("./base.css");
@import url("./typography.css");
@import url("./layout.css");
@import url("./components.css");
@import url("./animations.css");
@import url("./responsive.css");

.development-slide__content h3 {
    font-size: clamp(1.23rem, 1.88vw, 1.73rem);
}

.main-nav__item--suburbio .nav-mega {
    background: #de3f5f;
}

.main-nav__item--novotech .nav-mega {
    background: #1a2d45;
}

.project-card__image {
    position: relative;
    overflow: hidden;
}

.project-card__image::before {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, var(--project-color) 100%);
    content: "";
    opacity: 0.9;
}

.project-card__image img {
    position: absolute;
    z-index: 1;
    left: clamp(1.2rem, 2.4vw, 2.2rem);
    bottom: clamp(1.15rem, 2.4vw, 2.1rem);
    width: min(230px, 42%);
    height: auto;
}

.project-card h3 {
    color: var(--project-color, var(--color-title));
}

.suburbio-statement h2,
.novotech-heading h2,
.industry-heading h2 {
    font-size: clamp(1.85rem, 2.5vw, 2.35rem);
}

.hero-slide__content > span {
    display: block;
    max-width: 520px;
    margin-top: 1rem;
    color: rgba(255, 255, 255, 0.84);
    font-family: var(--font-secondary);
}

.hero-slide__content h1 {
    font-size: clamp(0.98rem, 2.79vw, 2.33rem);
    line-height: 1.72;
}

.hero-slide__content h1 span {
    padding: 0.08em 0.28em 0.14em;
    background-color: #345599;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.site-header::before {
    position: absolute;
    inset: 0 0 auto;
    z-index: 0;
    height: clamp(120px, 15vw, 190px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
    pointer-events: none;
    transition: opacity var(--duration) var(--ease);
}

.site-header.is-scrolled::before,
.site-header.is-menu-open::before {
    opacity: 0;
}

.site-header__inner {
    position: relative;
    z-index: 1;
}

.hero::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
    pointer-events: none;
}

.hero-slide__content {
    z-index: 2;
}

.thumb-row {
    z-index: 3;
}

.novotech-intro {
    padding-bottom: 50px;
}

.footer-primary {
    background:
        var(--color-sinow-light) url("/pre2/imgs/footer/pie_pagina.jpg") top left / cover no-repeat;
}

.footer-primary .footer-logo {
    display: none;
}

@media (min-width: 681px) {
    .footer-primary__inner {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 681px) {
    .novotech-band {
        padding-left: 12.2rem;
    }

    .novotech-band__copy {
        grid-column: 1 / 8;
    }
}