/* Espai de butlletins: compartit per la portada pública, Livewire i accés. */
.pagina-butlletins { --tinta:#191b1e; --suau:#62676c; --linia:#deded9; margin:0; background:#fff; color:var(--tinta); font:16px/1.55 Inter,Arial,sans-serif; }
.pagina-butlletins * { box-sizing:border-box; }
.pagina-butlletins main a,.pagina-butlletins footer a { color:inherit; }
.pagina-butlletins main button,.pagina-butlletins main input { font:inherit; }
.pagina-butlletins a:focus-visible,.pagina-butlletins button:focus-visible,.pagina-butlletins input:focus-visible { outline:3px solid var(--marca); outline-offset:4px; }
.contenidor { width:100%; max-width:1160px; margin:0 auto; padding:0 28px; }
.salta-contingut { position:fixed; top:-100px; left:16px; z-index:100; padding:12px; background:white; }
.salta-contingut:focus { top:12px; }
.pagina-butlletins main { min-height:65vh; }
.intro { padding:58px 0 34px; max-width:720px; }
.intro h1 { margin:0 0 20px; font:700 clamp(38px,5vw,56px)/1.12 'PT Serif',Georgia,serif; letter-spacing:-.025em; }
.intro p { margin:0; font-size:18px; line-height:1.7; color:#50555a; max-width:650px; }
.edicions { display:flex; gap:30px; border-bottom:1px solid var(--linia); margin:0 0 26px; }
.edicions a { padding:0 0 14px; font-size:14px; text-decoration:none; color:var(--suau); border-bottom:3px solid transparent; margin-bottom:-1px; }
.edicions a[aria-current=page] { border-color:var(--marca); color:var(--tinta); font-weight:700; }
.context-butlletins { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:12px 24px; margin-bottom:30px; font-size:13px; color:var(--suau); }
.context-butlletins p { margin:0; }
.context-butlletins a { text-underline-offset:3px; }
.graella { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:30px; row-gap:44px; padding-bottom:50px; }
.butlleti { min-width:0; display:flex; flex-direction:column; border-bottom:1px solid var(--linia); padding-bottom:26px; }
.butlleti img { display:block; width:100%; height:auto; }
.butlleti .sense-imatge { aspect-ratio:16/9; background:#f2f1ed; display:grid; place-items:center; color:#797c79; }
.sense-imatge svg { width:44px; height:44px; stroke-width:1; }
.butlleti .cos { display:flex; flex:1; flex-direction:column; padding-top:20px; }
.butlleti h2 { margin:0 0 10px; font:700 25px/1.2 'PT Serif',Georgia,serif; letter-spacing:-.02em; }
.butlleti p { margin:0 0 24px; font-size:14px; line-height:1.65; color:var(--suau); }
.butlleti .accio { margin-top:auto; }
.pagina-butlletins .boto { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:43px; padding:10px 18px; border:1px solid var(--marca); border-radius:2px; background:white; color:var(--marca); text-decoration:none; font-size:13px; font-weight:700; cursor:pointer; line-height:1.4; }
.pagina-butlletins .boto:hover { background:var(--marca); color:white; }
.pagina-butlletins .boto:disabled { opacity:.55; cursor:wait; }
.pagina-butlletins .boto-principal { background:var(--marca); color:white; }
.subscrit { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:43px; font-size:13px; }
.subscrit span { color:#277357; font-weight:700; }
.pagina-butlletins .enllac-boto { border:0; padding:6px 0; background:none; text-decoration:underline; text-underline-offset:3px; color:var(--suau); font-size:12px; cursor:pointer; }
.enllac-boto:disabled { opacity:.5; cursor:wait; }
.estat { font-size:14px; margin:0 0 24px; padding:12px 0; }
.estat-error { color:#a2212c; }
.estat-success { color:#277357; }
.estat button { margin-left:12px; }
.buit { padding:35px 0 70px; color:var(--suau); }
.privacitat { padding:0 0 45px; font-size:12px; color:var(--suau); max-width:820px; }
.privacitat a { text-underline-offset:3px; }
.pagina-butlletins footer { border-top:1px solid var(--linia); padding:27px 0; font-size:11px; color:var(--suau); }
.pagina-butlletins footer .contenidor { display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.compte-form { max-width:460px; margin:65px auto 80px; }
.compte-form h1 { font:700 34px/1.2 'PT Serif',Georgia,serif; margin:22px 0 16px; }
.compte-form p { font-size:15px; color:var(--suau); margin-bottom:24px; }
.compte-form label { display:block; font-size:13px; font-weight:700; margin:22px 0 8px; }
.compte-form input:not([type=checkbox]) { display:block; width:100%; min-height:47px; border:1px solid #aaa; border-radius:2px; padding:10px 12px; background:white; color:var(--tinta); }
.compte-form .boto { width:100%; margin-top:26px; }
.compte-form .termes { display:flex; align-items:flex-start; gap:10px; font-weight:400; font-size:12px; }
.termes input { margin-top:4px; flex:none; }
.error-camp { color:#a2212c; font-size:13px; margin-top:8px; }
.tornar { font-size:13px; text-underline-offset:4px; }
@media(max-width:900px) { .graella { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .contenidor { padding:0 20px; } .intro { padding:36px 0 28px; } .intro p { font-size:16px; } .edicions { gap:24px; } .edicions a { font-size:13px; } .context-butlletins { margin-bottom:26px; } .graella { grid-template-columns:1fr; row-gap:32px; } .butlleti h2 { font-size:27px; } .butlleti p { font-size:15px; } .compte-form { margin:38px auto 60px; } }