@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--green:#173e2c;--paper:#f7f6ef;--muted:#687367;--line:#dcded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--green);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b59040;outline-offset:5px}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;background:white;padding:16px;z-index:20}.skip:focus{top:0}.header{position:sticky;top:0;z-index:10;background:#f7f6eff5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 4.5%}.brand{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:700;letter-spacing:.07em}.brand img{width:47px;height:62px;object-fit:contain}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.22em;margin-top:7px}nav{display:flex;align-items:center;gap:26px;font-size:12px}.access{background:var(--green);color:white;border:1px solid var(--green);display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;border-radius:4px;font-size:13px;font-weight:600;white-space:nowrap}.access:hover{background:#2d5c40}.hero{display:grid;grid-template-columns:.85fr 1.3fr;gap:5%;align-items:center;padding:70px 4.5% 64px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;margin:0 0 22px}.hero h1{font:clamp(48px,5.4vw,82px)/1.02 'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;margin:0 0 24px}em{color:#69815b;font-weight:400}.intro{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:28px}.text-link{display:inline-flex;gap:24px;align-items:center;padding-bottom:8px;border-bottom:1px solid #92a18c;font-size:12px;font-weight:600}.hero-photo{margin:0;align-self:center}.hero-photo img{width:100%;height:auto;border-radius:3px}.hero-photo figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:right}.section{padding:70px 4.5%}.representatives{background:#eeefe5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}h2{font:clamp(32px,3.5vw,49px)/1.12 'Instrument Serif',Georgia,serif;font-weight:400;margin:0}.section-heading>p{font-size:13px;color:var(--muted);max-width:230px;line-height:1.7}.people{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.portrait{aspect-ratio:3/4;overflow:hidden;border-radius:3px;background:#e0e4d7}.portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.portrait>img.andrea{object-position:center 34%}.pending{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#e4e8da,#d6decf);gap:22px}.pending>img{width:62px;height:85px;object-fit:contain;opacity:.55}.pending>span{font-size:11px;color:#60735c}.role{text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin:21px 0 9px;color:#65785d}.person h3{font-weight:500;font-size:17px;line-height:1.4;margin:0}.about{border-bottom:1px solid var(--line);padding-top:65px;padding-bottom:65px}.about h2{color:#73816a;font-style:italic;font-size:34px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%}address{font-style:normal;color:var(--muted);font-size:15px;line-height:1.9;margin:25px 0}.social{padding-top:25px}.social h3{font-size:15px;font-weight:500;margin-bottom:23px}.social>a{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:17px}.social small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.commission{margin:0 4.5% 60px;background:var(--green);color:var(--paper);padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:4px}.commission .eyebrow{color:#c5d1a8}.commission h2{font-size:38px}.commission p:last-child{font-size:13px;color:#c5d1c1;line-height:1.7}.light{background:var(--paper);color:var(--green);border-color:var(--paper)}.light:hover{background:#dfe8ce}footer{border-top:1px solid var(--line);padding:28px 4.5%;display:flex;align-items:center;gap:16px;font-size:12px}footer img{width:30px;height:42px;object-fit:contain}footer p{font-weight:600}footer p span{display:block;font-size:10px;font-weight:400;margin-top:5px;color:var(--muted)}footer>a{margin-left:auto;font-size:11px}@media(max-width:900px){.nav-link{display:none}.hero{gap:28px;padding-top:44px}.people{gap:16px}.person h3{font-size:15px}.commission{padding:30px}}@media(max-width:600px){html{scroll-padding-top:95px}.header{padding:12px 18px;gap:10px}.brand{font-size:10px;gap:8px;letter-spacing:.02em;max-width:190px}.brand img{width:32px;height:44px}.brand small{font-size:7px;letter-spacing:.1em}.access{padding:12px;font-size:11px;gap:10px}.hero{display:flex;flex-direction:column;padding:36px 20px 38px;align-items:stretch;gap:30px}.hero h1{font-size:55px}.hero-copy .eyebrow{margin-bottom:18px}.intro{font-size:14px;line-height:1.7;margin-bottom:22px}.hero-photo figcaption{font-size:10px}.section{padding:40px 20px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{max-width:none;margin-top:15px}.people{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.role{font-size:8px;margin-top:14px;letter-spacing:.08em}.person h3{font-size:15px}.pending>span{font-size:9px}.about h2{font-size:29px}.contact{grid-template-columns:1fr;gap:20px}.social{padding-top:0}.commission{margin:0 20px 35px;padding:28px;display:block}.commission h2{font-size:32px}.commission .access{margin-top:12px;font-size:13px}footer{padding:22px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.header-social{display:flex;align-items:center;gap:4px}.header-social a{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%}.header-social a:hover{background:#e3e8dc}.header-social svg{width:21px;height:21px}.contact{grid-template-columns:1fr}@media(max-width:600px){.header{flex-wrap:wrap;gap:6px}.header nav{width:100%;justify-content:space-between;gap:8px}.header-social a{width:40px;height:40px}html{scroll-padding-top:145px}}

.news{border-bottom:1px solid var(--line)}.news-empty{padding:24px 28px;background:#eeefe5;border-left:3px solid #69815b;border-radius:3px;color:var(--muted);font-size:15px;line-height:1.8}.news-empty p{margin:0}.header nav{gap:18px}@media(max-width:900px){.header nav a[href="#noticias"]{display:inline-flex}}@media(max-width:600px){.header nav{gap:8px}.header nav a[href="#noticias"]{font-size:12px}.news-empty{padding:20px}}

.news-card{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;max-width:1120px}.news-card img{width:100%;height:auto;border-radius:4px}.news-card h3{font:34px/1.15 'Instrument Serif',Georgia,serif;margin:0 0 18px}.news-card p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8}.news-card .eyebrow{line-height:1.8}.article-page{max-width:1120px;margin:auto;padding:48px 28px 72px}.article-heading{max-width:900px;margin:42px 0 32px}.article-heading h1{font:clamp(36px,5vw,64px)/1.08 'Instrument Serif',Georgia,serif;margin:0}.article-image{margin:0 0 40px}.article-image img{width:100%;height:auto;border-radius:4px}.article-image figcaption{font-size:11px;color:var(--muted);line-height:1.7;margin-top:10px}.article-body{max-width:760px;margin:auto;font-size:17px;line-height:1.9}.article-body h2{font-size:36px;margin:36px 0 22px}.article-body a{text-decoration:underline;text-underline-offset:3px}.article-source{border-top:1px solid var(--line);padding-top:24px;font-size:14px}.article-source em{color:var(--muted)}@media(max-width:650px){.news-card{grid-template-columns:1fr;gap:24px}.news-card h3{font-size:30px}.article-page{padding:30px 20px 48px}.article-heading{margin:30px 0 24px}.article-body{font-size:16px}.article-body h2{font-size:30px}}

/* Historia de la comisión, a partir del llibret del 50 aniversario. */
.about h2{color:var(--green);font-style:normal;font-size:clamp(32px,3.5vw,49px);max-width:760px}
.history-lead{font-size:18px;line-height:1.8;max-width:780px;margin:24px 0 36px;color:var(--muted)}
.history-lead strong,.history-copy strong{color:var(--green)}
.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;max-width:1200px}
.history-copy h3{font-size:20px;line-height:1.4;margin:28px 0 14px;font-weight:600}
.history-copy h3:first-child{margin-top:0}
.history-copy p{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 18px}
.history-closing{border-left:3px solid #8b9c73;padding-left:20px;margin-top:26px!important}
.history-source{max-width:900px;font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:32px 0 0}
@media(max-width:700px){.history-grid{grid-template-columns:1fr;gap:12px}.history-lead{font-size:17px;margin-bottom:28px}.history-copy p{font-size:16px}.history-copy h3{font-size:19px}}

.planta-countdown{margin:0 4.5% 60px;padding:34px 40px;background:var(--green);color:var(--paper);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:30px}.planta-countdown .eyebrow{color:#c5d1a8;margin-bottom:12px}.planta-countdown h2{font-size:38px}.planta-countdown p:not(.eyebrow){font-size:14px;line-height:1.7;color:#d9e3d5;margin-bottom:0}.planta-clock{display:flex;gap:12px;flex-shrink:0}.planta-clock>div{min-width:86px;padding:16px 12px;text-align:center;border:1px solid #ffffff30;border-radius:8px;background:#ffffff08}.planta-clock strong{display:block;font-size:38px;font-variant-numeric:tabular-nums;line-height:1.2}.planta-clock span{display:block;font-size:11px;letter-spacing:.08em;margin-top:8px}.planta-countdown [hidden]{display:none}.planta-arrived{font-weight:600;max-width:320px}
@media(max-width:700px){.planta-countdown{margin:0 20px 35px;padding:26px 22px;flex-direction:column;align-items:stretch;gap:24px}.planta-countdown h2{font-size:32px}.planta-clock{justify-content:space-between;gap:10px}.planta-clock>div{min-width:0;flex:1;padding:14px 8px}.planta-clock strong{font-size:32px}}
