@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; 
}

/* PALETA */
:root {
    --bs-primary: #589feb; 
    --bs-success: #fa8c0f;
    --bs-light-bg: #eef5fb;
    --bs-body-color: #2c2c2c;

    --shadow-soft: 0 4px 20px rgba(0,0,0,0.08);
}



    
    
    body {
        font-family: 'Poppins', sans-serif;
        background-color: #f8f9fa;
    }
    
    .hero-banner {
        /* A cor de fundo primária do Bootstrap (azul) com opacidade de 10% */
        /* Esta linha será sobreposta pelo background-image, mas pode ser um fallback */
        background-color: rgba(13, 110, 253, 0.1); 
        
        /* IMAGEM DE FUNDO DO BANNER - Cole aqui o content_id da imagem desejada */
        background-image: url('../assets/banner.png'); /* SUBSTITUA 'content_id' pelo ID da imagem */
        background-size: cover;
        background-position: center;
        position: relative;
        overflow: hidden; 
    }

    /* Sobreposição semi-transparente para garantir a leitura do texto */
    .hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.2); /* Menos opacidade */
        z-index: 1;
    }

    /* Conteúdo do banner deve ficar acima da sobreposição */
    .hero-content {
        position: relative;
        z-index: 2; 
    }
    
    /* Para remover a imagem extra que estava no HTML */
    .hero-banner .col-md-5 img {
        display: none;
    }


/* TIPOGRAFIA */
body {
    font-family: 'Poppins', 'Roboto', sans-serif;
    color: var(--bs-body-color);
    background-color: #ffffff;
}

/* HEADER */
header {
    min-height: 50vh;
    display: flex;
    align-items: center;
}

header h1 {
    font-size: 4.8rem;
    font-weight: 700;
    letter-spacing: -1px;

}



/* --- BLOCO DE CARDS REMOVIDO AQUI --- */

/* BOTÕES FIXOS */
.fixed-bottom {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1050;
}

/* -------- NAVBAR -------- */

.navbar {
    min-height: 90px;
    transition: all .35s ease-in-out;
    backdrop-filter: blur(8px);
}

.navbar.bg-light {
    background-color: rgba(255, 255, 255, 0.85) !important;
    box-shadow: var(--shadow-soft);
}

/* Texto maior e elegante */
.navbar-brand {
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.nav-link {
    font-size: 1.15rem;
    font-weight: 500;
    padding: 0.7rem 1rem !important;
}

/* Shrink ao descer */
.navbar.shrink {
    min-height: 65px !important;
}

.navbar.shrink .navbar-brand {
    font-size: 1.4rem;
}

.navbar.shrink .nav-link {
    font-size: 1rem;
}

.nav-pills .nav-link.active {
    background: var(--bs-primary);
    color: #fff;
}

/* RELEVO AO PASSAR O MOUSE NOS CARDS PRINCIPAIS */

/* Card "Nossa História" */
#quem-somos .card {
    transition: transform .3s ease, box-shadow .3s ease;
}

#quem-somos .card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
}

/* Card "Aluguel Rápido" */
section .card.bg-light {
    transition: transform .3s ease, box-shadow .3s ease;
}

section .card.bg-light:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
}

/* Card "Faça uma Doação" */
section .card:not(.bg-light) {
    transition: transform .3s ease, box-shadow .3s ease;
}

section .card:not(.bg-light):hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
}


/* Isso pode estar limitando a altura de TODAS as imagens de card */
.card-img-top {
    width: 100%;
    /* Remova a linha 'height' se ela estiver muito baixa */
    /* Exemplo: height: 150px; */ 
    object-fit: contain; /* ou 'cover' dependendo do seu objetivo */
}

/* Para tentar dar mais altura apenas para a imagem da cama, se for necessário */
.card .card-img-top[alt="Cama Hospitalar"] {
    /* Remova a linha de cima, ou use um valor maior */
    /* Ex: */
    max-height: 300px; /* Tente um valor maior, se precisar */
    /* Ou, se a imagem for o único elemento no topo do card, ela deveria expandir */
}