/* Loaded after page-level inline styles to harmonize legacy page-specific layouts. */

/* Jornada do Umbandista */
body.page-journey .jornada-hero {
    color: #fff;
    background:
        linear-gradient(90deg, rgba(4,11,18,.97), rgba(7,21,34,.84) 60%, rgba(7,21,34,.52)),
        url('../premium/inner-hero-premium.webp') center / cover no-repeat;
    border-color: rgba(201,149,61,.48);
    box-shadow: var(--premium-shadow-deep);
}
body.page-journey .jornada-hero::after {
    background: rgba(201,149,61,.08);
    border: 1px solid rgba(201,149,61,.22);
}
body.page-journey .jornada-kicker {
    color: var(--premium-gold-300);
    background: rgba(201,149,61,.08);
    border-color: rgba(201,149,61,.35);
}
body.page-journey .jornada-card {
    background:
        radial-gradient(circle at 100% 100%, rgba(201,149,61,.10), transparent 11rem),
        linear-gradient(180deg,#fff,#fffaf1);
    border-color: rgba(9,28,43,.13);
    box-shadow: 0 14px 34px rgba(5,16,26,.07);
}
body.page-journey .jornada-card::before {
    background: linear-gradient(90deg, var(--premium-gold-300), var(--premium-gold-600));
}
body.page-journey .jornada-card::after { background: rgba(201,149,61,.08); }
body.page-journey .jornada-card:hover { border-color: rgba(201,149,61,.45); box-shadow: 0 20px 46px rgba(5,16,26,.12); }
body.page-journey .jornada-num {
    color: #071522;
    background: linear-gradient(135deg,var(--premium-gold-300),var(--premium-gold-500));
    box-shadow: 0 12px 26px rgba(168,115,36,.18);
}
body.page-journey .jornada-card small { color: var(--premium-gold-600); }
body.page-journey .jornada-card h2 { color: var(--premium-navy-950); font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.5rem; }
body.page-journey .jornada-card-cta {
    color: var(--premium-gold-300);
    background: var(--premium-navy-950);
    border: 1px solid rgba(201,149,61,.3);
}
body.page-journey .jornada-note {
    background: linear-gradient(180deg,#fff,#fffaf1);
    border-color: rgba(201,149,61,.25);
}

/* Projeto Nossa Sede */
body.page-project .sede-page {
    --sede-bg: var(--premium-cream-100);
    --sede-card: #fffdf8;
    --sede-ink: var(--premium-navy-950);
    --sede-muted: var(--premium-muted);
    --sede-line: rgba(9,28,43,.13);
    --sede-accent: var(--premium-gold-500);
    --sede-accent-dark: var(--premium-gold-600);
    --sede-soft: rgba(201,149,61,.12);
}
body.page-project .sede-hero {
    background: var(--premium-navy-950);
    border: 1px solid rgba(201,149,61,.48);
    box-shadow: var(--premium-shadow-deep);
}
body.page-project .sede-hero img { opacity: .62; }
body.page-project .sede-hero::after {
    background: linear-gradient(90deg, rgba(4,11,18,.96), rgba(7,21,34,.65) 52%, rgba(7,21,34,.18));
}
body.page-project .sede-kicker {
    color: var(--premium-gold-300);
    background: rgba(4,11,18,.35);
    border-color: rgba(201,149,61,.38);
}
body.page-project .sede-hero h1 { color: #fff8e8; font-family: "Cormorant Garamond", Georgia, serif; }
body.page-project .sede-hero p { color: rgba(255,248,232,.78); }
body.page-project .sede-btn-primary {
    color: #071522;
    background: linear-gradient(135deg,var(--premium-gold-300),var(--premium-gold-500));
}
body.page-project .sede-btn-secondary {
    color: var(--premium-gold-300);
    background: rgba(4,11,18,.42);
    border-color: rgba(201,149,61,.38);
}
body.page-project .sede-card,
body.page-project .sede-panel,
body.page-project .sede-note {
    background: linear-gradient(180deg,#fff,#fffaf1);
    border-color: rgba(9,28,43,.13);
    box-shadow: 0 14px 34px rgba(5,16,26,.07);
}
body.page-project .sede-tag {
    color: var(--premium-gold-600);
    background: rgba(201,149,61,.11);
}
body.page-project .sede-card h3,
body.page-project .sede-section-head h2 { color: var(--premium-navy-950); font-family: "Cormorant Garamond", Georgia, serif; }

/* Consistent visual treatment for custom detail blocks. */
body.page-detail [style*="background:linear-gradient(180deg, rgba(176,137,104"] {
    background: linear-gradient(135deg,rgba(201,149,61,.10),rgba(255,255,255,.96)) !important;
    border-color: rgba(201,149,61,.24) !important;
}
body.page-detail [style*="background:rgba(255,255,255,.78)"] {
    background: rgba(255,253,248,.92) !important;
    border-color: rgba(9,28,43,.12) !important;
}

/* Product/catalog image frames */
body.page-products .course-feature-media,
body.page-catalog .herb-visual {
    background: linear-gradient(135deg,#f5ead7,#fffdf8);
}

/* Identidade visual Umbandisticamente — 2026-09-01 */

/* O logotipo completo substitui o conjunto antigo
   “símbolo circular + nome em texto”. */
.premium-brand.premium-brand--logo-only {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-width: 0 !important;
}

.premium-brand.premium-brand--logo-only .premium-brand__mark,
.premium-brand--footer.premium-brand--logo-only .premium-brand__mark {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: clamp(300px, 26vw, 410px) !important;
    height: 104px !important;
    flex: 0 1 410px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.premium-brand.premium-brand--logo-only .portal-brand-image,
.premium-brand--footer.premium-brand--logo-only .portal-brand-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.20)) !important;
}

/* Evita a reaparição dos textos antigos em páginas ainda armazenadas em cache. */
.premium-brand__text--header,
.premium-brand__text--footer {
    display: none !important;
}

.premium-brand--footer.premium-brand--logo-only .premium-brand__mark {
    width: min(100%, 430px) !important;
    height: 128px !important;
    flex-basis: 430px !important;
}

@media (max-width: 1180px) {
    .premium-brand.premium-brand--logo-only .premium-brand__mark {
        width: clamp(270px, 30vw, 360px) !important;
        height: 94px !important;
        flex-basis: 360px !important;
    }
}

@media (max-width: 900px) {
    .premium-header__inner {
        min-height: 82px !important;
    }

    .premium-brand.premium-brand--logo-only .premium-brand__mark {
        width: min(62vw, 310px) !important;
        height: 78px !important;
        flex-basis: 310px !important;
    }

    .premium-brand--footer.premium-brand--logo-only .premium-brand__mark {
        width: min(100%, 360px) !important;
        height: 108px !important;
        flex-basis: 360px !important;
    }
}

@media (max-width: 560px) {
    .premium-header__inner {
        min-height: 76px !important;
        padding: .5rem .75rem !important;
    }

    .premium-brand.premium-brand--logo-only .premium-brand__mark {
        width: min(58vw, 230px) !important;
        height: 68px !important;
        flex-basis: min(58vw, 230px) !important;
    }

    .premium-brand--footer.premium-brand--logo-only .premium-brand__mark {
        width: min(100%, 320px) !important;
        height: 96px !important;
        flex-basis: 320px !important;
    }
}

@media (max-width: 380px) {
    .premium-brand.premium-brand--logo-only .premium-brand__mark {
        width: min(55vw, 205px) !important;
        flex-basis: min(55vw, 205px) !important;
    }

    .premium-install-button {
        min-height: 40px;
        padding: .52rem .58rem;
        font-size: .62rem;
        letter-spacing: .025em;
    }
}