/* Templo da Oração V2.3 - camadas visuais com imagens vindas do HTML */

.page-hero,
.t22-page-hero,
.auth-side {
    position: relative;
    overflow: hidden;
}

.page-hero__bg,
.t22-page-hero__bg,
.auth-side__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    pointer-events: none;
}

.page-hero__bg { z-index: 0; }
.page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255,253,249,.98) 0%, rgba(255,253,249,.90) 48%, rgba(255,253,249,.28) 100%);
}
.page-hero-inner { position: relative; z-index: 2; }

.t22-page-hero__bg { z-index: 0; }
.t22-page-hero.obituario::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255,253,248,.98), rgba(255,253,248,.66), rgba(26,18,11,.28));
}
.t22-page-hero-inner { position: relative; z-index: 2; }

.auth-side__bg { z-index: 0; }
.auth-side::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(101,62,5,.16), rgba(70,42,4,.55));
}
.auth-side > :not(.auth-side__bg) { position: relative; z-index: 2; }


.account-avatar--clip { overflow: hidden; }
.account-avatar__img { width: 100%; height: 100%; object-fit: cover; display: block; }