:root {
    --azul-blive: #001529; /* Azul marinho profundo dos slides */
    --dourado-blive: #c59118; /* Dourado do logo 'B' */
    --branco: #ffffff;
}

body {
    font-family: 'Montserrat', sans-serif;
}


.hero-bg {
    background: linear-gradient(rgba(0, 21, 41, 0.75), rgba(0, 21, 41, 0.85)), 
                url('../img/family.jpg'); 
    background-size: cover;
    background-position: center 24%; /* Ajusta para focar mais no rosto da família */
    border-radius: 0 0 0px 0px; /* Bordas mais arredondadas para um ar moderno */
    min-height: 875px;
    display: flex;
    align-items: center;
}

.text-dourado {
    color: var(--dourado-blive);
}

.btn-blive {
    background-color: var(--dourado-blive);
    color: var(--branco);
    border: none;
    transition: 0.3s;
}

.btn-blive:hover {
    background-color: #a87b14;
    color: var(--branco);
}

.balao-info {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    transition: transform 0.3s ease;
    border-top: 5px solid var(--dourado-blive);
    height: 100%;
}

.balao-info:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.bg-blive-dark {
    background-color: var(--azul-blive);
}

.balao-info {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-bottom: 5px solid #005ca9; /* Linha azul da Caixa */
    height: 100%;
}

.balao-info:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}

.balao-info i {
    margin-bottom: 15px;
    display: block;
}


.text-orange {
    color: #f39200;
}


.accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
    color: #005ca9;
}


.navbar {
    min-height: 60px;
    transition: all 0.3s ease;
}


.logo-circular-mini {
    width: 75px;          
    height: 75px;
    object-fit: cover;
    border-radius: 50%;
    border: 1.5px solid var(--azul-caixa);
    background-color: white;
    display: block;
}

.nav-link {
    font-size: 0.95rem;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.navbar-brand {
    font-family: 'Montserrat', sans-serif; 
    font-weight: 800;                     
    letter-spacing: 1px;                  
    text-transform: uppercase;            
}

.navbar-brand .text-primary {
    font-weight: 400; 
}

:root {
    --azul-blive: #001529;
    --azul-escuro-secao: #000c17; 
    --cinza-gelo: #f0f2f5;       
    --dourado-blive: #c59118;
}

body {
    /* Substitui o branco por um tom mais profissional e menos agressivo */
    background-color: var(--cinza-gelo); 
    color: #333;
}

.bg-blive-dark {
    background-color: var(--azul-blive) !important;
}


.bg-blive-deep {
    background-color: var(--azul-escuro-secao) !important;
    color: white;
}


.balao-info {
    background: white; /* O balão continua branco para 'saltar' do fundo cinza */
    border-top: 5px solid var(--dourado-blive);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.bg-gelo-detalhe {
    background-color: #f0f2f5;
    background-image: radial-gradient(#d1d5db 1px, transparent 1px);
    background-size: 20px 20px; /* Espaçamento entre os pontos */
}

.bg-gelo-linhas {
    background-color: #f0f2f5;
    background-image: linear-gradient(135deg, #e5e7eb 10%, transparent 10%, transparent 50%, #e5e7eb 50%, #e5e7eb 60%, transparent 60%, transparent 100%);
    background-size: 40px 40px;
    opacity: 0.5; /* Deixa bem sutil */
}

.bg-gelo-mesh {
    background-color: #f0f2f5;
    background-image: 
        radial-gradient(at 0% 0%, rgba(197, 145, 24, 0.05) 0px, transparent 50%), 
        radial-gradient(at 100% 100%, rgba(0, 21, 41, 0.05) 0px, transparent 50%);
}