/* Portada: navegació, notícies i avís informatiu de galetes. */
.home-intro.banner { background: linear-gradient(120deg, #eef4ef, #f8faf8); }
.home-intro > .wthree-different-dot { padding: 0; background: none; }
.home-intro .home-header { padding: 16px 0; background: #fff; border-bottom: 1px solid #dce7df; }
.home-header .navbar { min-height: 64px; }
.home-header .navbar-header { display: flex; align-items: center; min-height: 64px; }
.home-header .w3layouts-logo img { width: auto; max-width: 170px; height: 64px; object-fit: contain; }
.home-header .navbar-nav { margin: 12px 0 0; }
.home-header .navbar-default .navbar-nav > li > a { margin: 0 2px; padding: 10px 11px; border: 0; border-radius: 9px; color: #395242; font-size: 14px; font-weight: 600; }
.home-header .navbar-default .navbar-nav > li > a:hover,
.home-header .navbar-default .navbar-nav > li > a:focus { color: #254a33; background: #eff4f0; border: 0; }
.home-header .navbar-default .navbar-nav > .active > a,
.home-header .navbar-default .navbar-nav > .active > a:hover,
.home-header .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: #365c45; border: 0; border-radius: 9px; }
.home-header .navbar-default .navbar-toggle { order: 2; margin-left: auto; border-color: #cfddd3; border-radius: 8px; }
.home-header .navbar-default .navbar-toggle .icon-bar { background: #365c45; }
.home-header .navbar-default .navbar-toggle:hover,
.home-header .navbar-default .navbar-toggle:focus { background: #e9f1ec; }
.home-header a:focus-visible, .home-news button:focus-visible,
.cookie-notice a:focus-visible, .cookie-notice button:focus-visible,
.cookie-notice-reopen:focus-visible { outline: 3px solid #557b9c; outline-offset: 4px; }
.home-news { padding: 60px 0 68px; }
.home-news .home-news__heading { margin-bottom: 32px; max-width: 760px; }
.home-news .home-news__heading > span { color: #587362; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.home-news .home-news__heading h2 { margin: 12px 0 16px; color: #294534; font-size: 46px; font-weight: 600; line-height: 1.15; }
.home-news .home-news__heading p { margin: 0; color: #57695e; font-size: 18px; line-height: 1.7; }
.home-news .home-news__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.home-news .home-news__card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 32px; border: 1px solid #dce7df; border-radius: 18px; background: #fff; box-shadow: 0 8px 28px rgba(35, 66, 44, .05); }
.home-news .home-news__label { padding: 5px 10px; border-radius: 6px; background: #eaf1ec; color: #42654e; font-size: 12px; font-weight: 700; }
.home-news time { margin-top: 18px; color: #627469; font-size: 14px; }
.home-news .home-news__card h3 { margin: 12px 0 18px; color: #2d4937; font-size: 27px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.home-news .home-news__card p, .home-news .home-news__empty { margin: 0 0 24px; color: #52665a; font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.home-news .home-news__card button { margin-top: auto; padding: 12px 18px; border: 1px solid #365c45; border-radius: 9px; background: #365c45; color: #fff; font: inherit; font-weight: 600; }
.home-news .home-news__card button:hover { background: #294834; }
.home-news .home-news__card button .fa { margin-left: 12px; }
.cookie-notice { position: fixed; z-index: 1035; bottom: 18px; left: 18px; right: 18px; display: flex; align-items: center; gap: 24px; max-width: 1020px; margin: 0 auto; padding: 20px 24px; border: 1px solid #d6e2da; border-radius: 14px; background: #fff; box-shadow: 0 8px 40px rgba(25, 48, 34, .2); }
.cookie-notice[hidden], .cookie-notice-reopen[hidden] { display: none; }
.cookie-notice .cookie-notice__text { flex: 1; min-width: 0; }
.cookie-notice h2 { margin: 0 0 7px; color: #294534; font-size: 18px; font-weight: 600; }
.cookie-notice p { margin: 0; color: #52665a; font-size: 14px; line-height: 1.6; }
.cookie-notice a { color: #30573d; text-decoration: underline; }
.cookie-notice button, .cookie-notice-reopen { padding: 10px 16px; border: 1px solid #c5d7cb; border-radius: 8px; background: #eff4f0; color: #294534; font-size: 14px; font-weight: 600; }
.cookie-notice button { flex-shrink: 0; }
.cookie-notice button:hover, .cookie-notice-reopen:hover { background: #dfece3; }
.cookie-notice-reopen { position: fixed; bottom: 12px; left: 12px; z-index: 1035; box-shadow: 0 3px 14px rgba(25, 48, 34, .1); }
#modalcookies .modal-content { border-radius: 16px; overflow: hidden; }
#modalcookies .modal-header { padding: 24px; background: #eff4f0; }
#modalcookies .modal-title { color: #294534; }
#modalcookies .modal-body { padding: 24px; }
#modalcookies .modal-body h2 { margin: 24px 0 12px; color: #365c45; font-size: 23px; }
#modalcookies .modal-body p, #modalcookies .modal-body li { font-size: 15px; line-height: 1.8; }
@media (min-width: 768px) and (max-width: 1199px) {
    .home-header .navbar-header { float: none; justify-content: center; }
    .home-header .navbar-nav { float: none; display: flex; justify-content: center; flex-wrap: wrap; }
}
@media (max-width: 767px) {
    .home-header .navbar-header { padding: 0 15px; }
    .home-header .navbar-nav { margin: 12px 0 0; padding: 8px 0; }
    .home-header .navbar-default .navbar-nav > li > a { margin: 4px 12px; }
    .home-news { padding: 36px 0 44px; }
    .home-news .home-news__heading h2 { font-size: 36px; }
    .home-news .home-news__grid { grid-template-columns: minmax(0, 1fr); }
    .home-news .home-news__card { padding: 24px; }
    .cookie-notice { left: 10px; right: 10px; bottom: 10px; padding: 18px; gap: 14px; flex-direction: column; align-items: flex-start; max-height: 70vh; overflow-y: auto; }
}