/* Portada de producto. La marca de la empresa permanece en la cabecera; aquí
   se presenta únicamente la variante de WebCAEPro. */
.home-identity {
    --home-surface: #f7f8fa;
    --home-foreground: #262944;
    --home-muted: #617080;
    --home-accent: #ff8c2c;
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    padding: clamp(2rem, 8vh, 6rem) 1.5rem 3rem;
    overflow: hidden;
    color: var(--home-foreground);
    text-align: center;
    background: var(--home-surface);
}

.home-identity--primor {
    --home-surface: #292929;
    --home-foreground: #fff;
    --home-muted: rgba(255, 255, 255, .72);
    --home-accent: #e43232;
}

.home-identity--jdl {
    --home-surface: #f5f5f5;
    --home-foreground: #151515;
    --home-muted: #536273;
    --home-accent: #004aac;
}

.home-identity__content {
    max-width: 900px;
}

.home-identity__eyebrow {
    margin: 0 0 .9rem;
    color: var(--home-muted);
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(.75rem, 1.4vw, .95rem);
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.home-identity__title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(2.55rem, 7vw, 6rem);
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: .98;
}

.home-identity__accent {
    color: var(--home-accent);
}

.home-identity__subtitle {
    margin: 1.35rem 0 0;
    color: var(--home-muted);
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(.85rem, 1.6vw, 1.05rem);
    font-weight: 600;
    letter-spacing: .04em;
}

.home-identity__meta {
    position: absolute;
    bottom: 1.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .45rem;
    margin: 0;
    color: var(--home-muted);
    font-size: .78rem;
}

.home-identity__cookies-warning {
    position: absolute;
    right: 1rem;
    bottom: 3.8rem;
    left: 1rem;
    max-width: 760px;
    margin: auto;
    padding: .8rem 1rem;
    color: #842029;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: .375rem;
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .home-identity {
        min-height: 360px;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .home-identity__title {
        font-size: clamp(2.1rem, 13vw, 3.75rem);
        overflow-wrap: anywhere;
    }

    .home-identity__meta {
        bottom: 1rem;
        font-size: .7rem;
    }
}