/* Pàgines legals: privacitat, galetes i avís legal. La base (.legal) és a estil.css. */
.legal-pagina .m-nav{max-width:1240px;margin-inline:auto}
.legal-pagina .legal{max-width:76ch}
.legal-pagina .legal>*{min-width:0}
.legal-pagina .m-foot{max-width:1240px;margin:0 auto;border-top:1px solid rgba(224,174,147,.25)}
.page .legal a:not(.btn){text-decoration:underline;text-underline-offset:3px}
.legal strong{color:var(--cream);font-weight:500}
.legal .data{font-size:16px}
.legal ul{margin:0;padding-left:1.2em;color:var(--dusty);display:grid;gap:6px}

/* El correu va en imatge, contra el correu brossa. */
.page .legal img.correu{display:inline-block;width:auto;height:1.3em;vertical-align:-.3em}

/* Dades que encara falten: han de cridar l'atenció fins que algú les ompli. */
.legal mark.marcador{background:#FFE08A;color:#35202F;padding:1px 6px;border-radius:4px;font-weight:500}

.legal .taula{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.legal .taula th{text-align:left;font-weight:500;color:var(--cream);padding:0 16px 10px 0;border-bottom:1px solid rgba(224,174,147,.4);vertical-align:bottom}
.legal .taula td{padding:12px 16px 12px 0;color:var(--dusty);vertical-align:top;border-bottom:1px solid rgba(224,174,147,.18)}
.legal .taula code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;color:var(--cream);overflow-wrap:anywhere}

/* Al mòbil, cada fila és una fitxa amb l'etiqueta de cada dada a sobre. */
@media (max-width:640px){
  .legal .taula thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .legal .taula,.legal .taula tbody,.legal .taula tr,.legal .taula td{display:block;width:100%}
  .legal .taula tr{padding:14px 0;border-bottom:1px solid rgba(224,174,147,.3)}
  .legal .taula td{padding:6px 0;border:0}
  .legal .taula td::before{content:attr(data-et);display:block;font-size:14px;letter-spacing:.04em;color:var(--apricot)}
}