body {\n    font-family: 'Arial', 'Helvetica Neue', sans-serif;\n    color: #333;\n    background-color: #E0F2F1;\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-family: 'Arial', 'Helvetica Neue', sans-serif;\n    color: #4DB6AC;\n    font-weight: bold;\n}\n\nh1 {\n    font-size: 2.8rem;\n    margin-bottom: 1.5rem;\n}\n\nh2 {\n    font-size: 2.2rem;\n    margin-top: 2rem;\n    margin-bottom: 1.2rem;\n}\n\nh3 {\n    font-size: 1.8rem;\n    margin-top: 1.5rem;\n    margin-bottom: 1rem;\n}\n\np {\n    line-height: 1.6;\n    margin-bottom: 1rem;\n}\n\n.container {\n    max-width: 1200px;\n}\n\nheader {\n    background-color: #80CBC4;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    z-index: 1030;\n}\n\n.navbar-brand {\n    color: #fff !important;\n    font-weight: bold;\n    font-size: 1.8rem;\n}\n\n.navbar-nav .nav-link {\n    color: #fff !important;\n    font-weight: 500;\n    padding: 0.5rem 1rem;\n    transition: color 0.3s ease;\n}\n\n.navbar-nav .nav-link:hover {\n    color: #E0F2F1 !important;\n}\n\nfooter {\n    background-color: #4DB6AC;\n}\n\nfooter a {\n    color: #E0F2F1;\n    text-decoration: none;\n    transition: color 0.3s ease;\n}\n\nfooter a:hover {\n    color: #FFCC80;\n}\n\n.btn-primary-custom {\n    background-color: #FFCC80;\n    border-color: #FFCC80;\n    color: #333;\n    font-weight: bold;\n    padding: 0.75rem 1.5rem;\n    border-radius: 0.3rem;\n    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;\n}\n\n.btn-primary-custom:hover {\n    background-color: #A5D6A7;\n    border-color: #A5D6A7;\n    color: #333;\n}\n\n.section-hero {\n    background-color: #E0F2F1;\n    padding: 6rem 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n}\n\n.section-hero img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: -1;\n    opacity: 0.3;\n}\n\n.section-nutrients, .section-blog-preview, .section-myths, .section-benefits, .section-cooking, .section-pyramid, .section-labels, .section-hydration, .section-faq, .section-cta {\n    padding: 4rem 0;\n}\n\n.section-nutrients {\n    background-color: #f8fdfd;\n}\n\n.section-blog-preview {\n    background-color: #E0F2F1;\n}\n\n.section-myths {\n    background-color: #f8fdfd;\n}\n\n.section-benefits {\n    background-color: #E0F2F1;\n}\n\n.section-cooking {\n    background-color: #f8fdfd;\n}\n\n.section-pyramid {\n    background-color: #E0F2F1;\n}\n\n.section-labels {\n    background-color: #f8fdfd;\n}\n\n.section-hydration {\n    background-color: #E0F2F1;\n}\n\n.section-faq {\n    background-color: #f8fdfd;\n}\n\n.section-cta {\n    background-color: #80CBC4;\n    color: #fff;\n    text-align: center;\n}\n\n.card {\n    border: none;\n    border-radius: 0.5rem;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.05);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    background-color: #fff;\n}\n\n.card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 6px 12px rgba(0,0,0,0.1);\n}\n\n.card-body {\n    padding: 1.5rem;\n}\n\n.card-title {\n    color: #4DB6AC;\n    font-weight: bold;\n    margin-bottom: 0.75rem;\n}\n\n.card-text {\n    color: #555;\n}\n\n.icon-box {\n    width: 60px;\n    height: 60px;\n    background-color: #A5D6A7;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 auto 1rem auto;\n    font-size: 1.8rem;\n    color: #fff;\n}\n\n.accordion .card-header {\n    background-color: #fff;\n    border-bottom: 1px solid #eee;\n    padding: 0;\n}\n\n.accordion .btn-link {\n    width: 100%;\n    text-align: left;\n    padding: 1rem 1.25rem;\n    color: #4DB6AC;\n    font-weight: bold;\n    text-decoration: none;\n    display: block;\n}\n\n.accordion .btn-link:hover {\n    color: #FFCC80;\n}\n\n.accordion .card-body {\n    background-color: #f8fdfd;\n    border-top: 1px solid #eee;\n}\n\n.cookie-banner {\n    background-color: #4DB6AC;\n    color: #fff;\n    z-index: 1040;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.2);\n}\n\n.cookie-banner .btn-light {\n    background-color: #FFCC80;\n    border-color: #FFCC80;\n    color: #333;\n}\n\n.cookie-banner .btn-light:hover {\n    background-color: #A5D6A7;\n    border-color: #A5D6A7;\n}\n\n.cookie-banner .btn-outline-light {\n    border-color: #fff;\n    color: #fff;\n}\n\n.cookie-banner .btn-outline-light:hover {\n    background-color: #fff;\n    color: #4DB6AC;\n}\n\n.content-image-left, .content-image-right {\n    display: flex;\n    align-items: center;\n    margin-bottom: 3rem;\n}\n\n.content-image-left .text-content, .content-image-right .text-content {\n    padding: 1.5rem;\n}\n\n.content-image-left img, .content-image-right img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 0.5rem;\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n\n@media (max-width: 767.98px) {\n    .content-image-left, .content-image-right {\n        flex-direction: column;\n    }\n    .content-image-left .text-content, .content-image-right .text-content {\n        order: 1;\n    }\n    .content-image-left img, .content-image-right img {\n        order: 2;\n        margin-top: 1.5rem;\n    }\n    h1 {\n        font-size: 2rem;\n    }\n    h2 {\n        font-size: 1.8rem;\n    }\n    h3 {\n        font-size: 1.5rem;\n    }\n}\n\n.blog-card-image {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n    border-top-left-radius: calc(0.5rem - 1px);\n    border-top-right-radius: calc(0.5rem - 1px);\n}\n\n.disclaimer-block {\n    background-color: #FFCC80;\n    padding: 1.5rem;\n    border-radius: 0.5rem;\n    margin-top: 3rem;\n    color: #333;\n}\n\n.disclaimer-block h3 {\n    color: #333;\n    margin-top: 0;\n    margin-bottom: 1rem;\n}\n