/* El Club: presentació, junta i documents. */
.club-section { background: #fff; }
.club-section .club-section__intro { max-width: 760px; margin: 16px auto 0; color: #627368; font-size: 17px; line-height: 1.7; text-align: center; }
.club-section .club-stories { display: grid; gap: 32px; margin-top: 36px; }
.club-section .club-story { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 40px; padding: 28px; border: 1px solid #e0e9e3; border-radius: 18px; background: #f8faf9; }
.club-section .club-story:nth-child(even) .club-story__image { order: -1; }
.club-section .club-story--text-only { grid-template-columns: minmax(0, 1fr); }
.club-section .club-story__content h4, .club-section .club-board__heading h4, .club-section .club-resource h4 { margin: 0 0 18px; color: #2d4937; font-size: 26px; font-weight: 600; line-height: 1.3; }
.club-section .club-story__content p { margin: 0; color: #52665a; font-size: 16px; line-height: 1.85; }
.club-section .club-story__image { overflow: hidden; border-radius: 14px; background: #e8efea; }
.club-section .club-story__image img { display: block; width: 100%; height: 300px; object-fit: cover; }
.club-section .club-board { padding: 32px; margin-top: 36px; border: 1px solid #dce7df; border-radius: 18px; background: #edf4ef; }
.club-section .club-board__heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 24px; margin-bottom: 26px; }
.club-section .club-board__heading h4 { margin: 0; }
.club-section .club-board__heading img { display: block; width: 100%; max-height: 280px; object-fit: contain; border-radius: 12px; }
.club-section .club-board__members { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.club-section .club-member { display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 18px 16px; border: 1px solid #dfE9e2; border-radius: 12px; background: #fff; }
.club-section .club-member__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: #e8f1eb; color: #5e856b; }
.club-section .club-member .club-member__role { margin: 0 0 5px; color: #718278; font-size: 12px; line-height: 1.5; }
.club-section .club-member h5 { margin: 0; color: #2d4937; font-size: 17px; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.club-section .club-resources { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 36px; }
.club-section .club-resource { min-width: 0; overflow: hidden; border: 1px solid #dfe8e2; border-radius: 16px; background: #fff; box-shadow: 0 5px 20px rgba(33, 66, 43, .05); }
.club-section .club-resource__image img { display: block; width: 100%; height: 160px; object-fit: cover; }
.club-section .club-resource__content { padding: 24px; }
.club-section .club-resource__content ul { margin: 0; padding: 0; list-style: none; }
.club-section .club-resource__content li + li { border-top: 1px solid #edf1ee; }
.club-section .club-resource__content a { display: flex; align-items: center; gap: 12px; padding: 14px 0; color: #3b6749; font-size: 15px; line-height: 1.5; text-decoration: none; }
.club-section .club-resource__content a > span:not(.sr-only) { flex: 1; }
.club-section .club-resource__content a:hover { color: #254c31; text-decoration: underline; }
.club-section .club-resource__content a:focus-visible { outline: 2px solid #39764c; outline-offset: 4px; }
.club-section .club-resource__arrow { margin-left: auto; font-size: 12px; }
@media (max-width: 1100px) { .club-section .club-board__members { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 750px) { .club-section .club-story, .club-section .club-board__heading, .club-section .club-resources { grid-template-columns: minmax(0, 1fr); } .club-section .club-story:nth-child(even) .club-story__image { order: initial; } .club-section .club-story, .club-section .club-board { padding: 22px; } }
@media (max-width: 480px) { .club-section .club-board__members { grid-template-columns: minmax(0, 1fr); } .club-section .club-story__image img { height: 230px; } }

.simple-rich-text { color: #52665a; font-size: 16px; line-height: 1.85; }
.simple-rich-text p { margin-bottom: 12px; }
.simple-rich-text ul, .simple-rich-text ol { padding-left: 24px; margin: 12px 0; }