/* L'estil de calpay.sicena.com: el mateix tema «paper» de sicena.com.
   Els colors surten de src/_includes/estil.njk del repositori sicena-web (:root, el tema
   per defecte) i són els mateixos que porten les pàgines de reserva d'en David
   (users/david/config.cue, `theme`). Si allà canvien, aquí també.
   La lletra també és la de sicena.com: Jost per al text i Fraunces per als títols. */
:root {
  --fons: #F5EFE3;
  --fons-bloc: #FFFCF6;
  --text: #1F2433;
  --linia: #DCD1BE;
  --suau: #585F6F;
  --accent: #B4441C;
  --sobre-accent: #FFFCF6;
  --lletra: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --lletra-titols: "Fraunces", Georgia, serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
body { margin:0; background:var(--fons); color:var(--text);
  font-family: var(--lletra); line-height:1.6; font-size:17px; }
.wrap { max-width:46rem; margin:0 auto; padding:0 1.25rem; }
a { color: var(--accent); }
/* Capçalera d'una sola línia: marca i etiqueta agrupades a l'esquerra (baseline
   compartida, perquè es llegeixin com una unitat), el selector d'idioma tot sol a la
   dreta, mai a sota. flex-wrap només per si la finestra és molt estreta. */
header.site { padding:1.4rem 0; display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:.6rem 1rem; }
header.site .brandgroup { display:flex; align-items:baseline; gap:.7rem; flex-wrap:wrap; }
header.site .brand { font-size:1.1rem; font-weight:300; letter-spacing:.18em; text-transform:uppercase; }
header.site a { color:var(--suau); text-decoration:none; font-size:.9rem; }
.lang { margin:0; font-size:.85rem; background:var(--fons-bloc); color:var(--suau);
  border:1px solid var(--linia); border-radius:4px; padding:.15rem .4rem; font-family:inherit; cursor:pointer; }
.lang:hover, .lang:focus { color:var(--accent); border-color:var(--accent); }
h1, h2, h3 { font-family: var(--lletra-titols); }
h1 { font-size:clamp(1.9rem,5.2vw,2.6rem); font-weight:500; letter-spacing:-.01em; line-height:1.15;
     margin:.6rem 0 .6rem; text-wrap:balance; }
h2 { font-size:.82rem; text-transform:uppercase; letter-spacing:.14em; color:var(--suau);
     font-weight:600; font-family:var(--lletra); margin:2.6rem 0 .9rem; padding-top:1.2rem;
     border-top:1px solid var(--linia); }
h3 { font-size:1.05rem; font-weight:500; margin:1.2rem 0 .2rem; }
h3 + p { margin-top:0; }
p, li { margin:.45rem 0; }
ul { padding-left:1.1rem; }
li { margin-bottom:.3rem; }
li strong, p strong { font-weight:600; }
.lead { font-size:1.15rem; margin:0 0 1.4rem; }
.suau { color:var(--suau); }
.data { color:var(--suau); font-size:.9rem; margin-bottom:1.4rem; }
/* L'acció principal: un botó de debò, amb el color de la marca. */
.cta { display:inline-block; padding:.8rem 1.4rem; border-radius:6px; background:var(--accent);
  color:var(--sobre-accent); font-weight:600; text-decoration:none; }
.cta:hover { filter:brightness(1.08); }
.cta-nota { color:var(--suau); font-size:.92rem; margin:.5rem 0 0; }
.caixa { border:1px solid var(--linia); border-radius:10px; background:var(--fons-bloc);
  padding:1.1rem 1.2rem; margin:1.2rem 0; }
.caixa p:first-child { margin-top:0; }
.caixa p:last-child { margin-bottom:0; }
code { background:var(--fons-bloc); border:1px solid var(--linia); border-radius:4px;
  padding:.1rem .35rem; font-size:.88em; }
footer.site { margin-top:3rem; padding:1.4rem 0 3rem; border-top:1px solid var(--linia);
  color:var(--suau); font-size:.88rem; }
footer.site a { color:var(--suau); }
a:focus-visible, .cta:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }