/* Custom styles for Fibromialgia portal */

/* Use a clean, readable font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #f8f9fa; /* light gray from Bootstrap palette */
    color: #343a40;
}

/* Banner adjustments */
img.banner {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
    display: block;
}

/* Content card look */
main.container {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

h1, h2 {
    color: #004085; /* bootstrap primary dark shade */
}

.navbar-custom {
    background-color: #ffffff;
}

footer {
    font-size: 0.9rem;
    color: #6c757d;
}