:root {
    --color-navy: #001446;
    --color-navy-dark: #0a4b7c;
    --color-navy-hover: #083d66;
    --color-blue: #0061ff;
    --color-info: #2193b0;
    --color-whatsapp: #25d366;
    --color-whatsapp-dark: #1da851;
    --color-white: #fff;
    --color-text: #333;
    --color-text-muted: #666;
    --color-bg-light: #f8f9fa;
    --color-border: #e0e0e0;

    --radius-md: .5rem;
    --radius-lg: .9rem;
    --radius-xl: 1rem;

    --shadow-sm: 0 .125rem .5rem rgba(0, 0, 0, .08);
    --shadow-md: 0 .35rem 1rem rgba(0, 0, 0, .12);

    --azul-escuro: #0a2463;
    --azul-medio: #1e3a8a;
    --ciano: #00d4ff;
    --azul-claro: #85d7f331;
}


.banner-especialidades {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    min-height: 300px;
}

.banner-especialidades img {
    min-height: 300px;
    object-fit: cover;
}

/* Efeito de escurecimento para melhor legibilidade do texto */
.banner-especialidades .position-absolute {
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}


.card{
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    text-align: center;
    padding:10px;
    border-radius: 30px;
    max-width: 300px;

}

.card i {

    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--azul-claro);
    max-width: 50px;
    max-height: 50px;
    border: 1px solid #80bdff1c;
    border-radius: 50%;
    padding: 20px;
    font-size: 30px;
    color: var(--navy);


}

.card:hover{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.container-mini-card{
    display: flex;
    
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}