/* Aulibre — imagotipo A (máscara + degradé). Rutas relativas a este archivo (css/). */
:root {
    --brand-gap-aulibre: 0;
    --brand-mark-size: 1.56rem;
    --brand-word-size: 1.38rem;
    --brand-lockup-lift: -0.18rem;
    --brand-text-nudge: -0.11em;
    --brand-mark-nudge: calc(-2% + 1px);
    --logo-grad-top: #6aade0;
    --logo-grad-bot: #0a5f8c;
    --logo-word: #0c1520;
}
body[data-theme="dark"] {
    --logo-grad-top: #7ab0dc;
    --logo-grad-bot: #2f68b8;
    --logo-word: #ffffff;
}
.brand-mark {
    width: var(--brand-mark-size);
    height: var(--brand-mark-size);
    flex-shrink: 0;
    display: block;
    background: linear-gradient(180deg, var(--logo-grad-top), var(--logo-grad-bot));
    -webkit-mask: url("../img/brand/aulibre-mark-mask.png") center / contain no-repeat;
    mask: url("../img/brand/aulibre-mark-mask.png") center / contain no-repeat;
}
.brand-mark.is-lg { width: 2.1rem; height: 2.1rem; }
.brand-mark.is-xl { width: 4rem; height: 4rem; }
.academy-logo:not(.has-photo):not(.is-lockup) .brand-mark,
.brand-icon:not(.has-photo):not(.is-lockup) .brand-mark,
.preloader-icon .brand-mark,
.cs-preloader-brand .brand-mark {
    width: 100%;
    height: 100%;
}
.brand-text--platform,
.is-wordmark {
    font-size: var(--brand-word-size);
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--logo-word, var(--text-main));
    line-height: 1;
    margin-left: -0.06rem;
    transform: translateY(var(--brand-text-nudge, -0.11em));
}

/* Lockup Aulibre (A + ulibre integrado sin círculo badge) */
.brand-logo:has(.is-lockup),
.brand-lockup-container:has(.is-lockup),
.mobile-brand-box:has(.is-lockup) {
    display: inline-flex !important;
    align-items: flex-end !important;
    gap: var(--brand-gap-aulibre, 0) !important;
}
.brand-icon.is-lockup,
.academy-logo.is-lockup {
    width: var(--brand-mark-size, 1.56rem) !important;
    height: var(--brand-mark-size, 1.56rem) !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
.brand-icon.is-lockup .brand-mark,
.academy-logo.is-lockup .brand-mark {
    width: 100% !important;
    height: 100% !important;
    transform: translateY(var(--brand-mark-nudge, -0.11em)) !important;
}