/* ═══════════════════════════════════════════════════════════════
   GROUP MARK — Logo Phaenomena GROUP, due varianti:
   1) Default (absolute top-right) — usata nelle pagine Brevetti/Certificazioni
   2) Inline centrato (--inline) — usata nelle sezioni della home, sopra il tag
   ═══════════════════════════════════════════════════════════════ */

/* Contenitori che ancorano il logo absolute */
.v2-brev-hero-content,
.v2-cert-hero-content {
    position: relative;
}

/* Variante DEFAULT: absolute in alto a destra (hero pagine GROUP) */
.v2-group-mark {
    position: absolute;
    top: 0;
    right: 0;
    height: clamp(34px, 3.4vw, 54px);
    width: auto;
    display: block;
    opacity: 0.9;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 2;
}

/* Variante INLINE: in flusso, centrata sopra il tag (home) */
.v2-group-mark--inline {
    position: static;
    margin: 0 auto 18px;
    height: clamp(30px, 2.8vw, 44px);
    display: block;
    opacity: 1;
}

/* Mobile */
@media (max-width: 767px) {
    .v2-group-mark {
        height: clamp(26px, 6vw, 36px);
        top: 4px;
    }
    .v2-group-mark--inline {
        height: clamp(26px, 5.5vw, 34px);
        margin-bottom: 14px;
    }
}