/* Páginas sencillas de ComensaLab: textos legales y página de error. Mismos colores y letras que la portada. */
@font-face{font-family:"Lora";src:url(../fonts/lora.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(../fonts/instrument-sans.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--petroleo:#223C48;--turquesa:#08ACB1;--turquesa-hondo:#06767A;--porcelana:#F3F1EC;--papel:#FBFAF7;--tinta:#1B2C34;--gris:#5A6B72;--linea:#DDD8CE;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--porcelana);color:var(--tinta);font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--turquesa-hondo)}
:focus-visible{outline:3px solid var(--turquesa);outline-offset:3px;border-radius:6px}
.envoltura{max-width:820px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.cabecera{padding-top:calc(env(safe-area-inset-top,0px) + 22px);padding-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cabecera img{height:28px;width:auto;display:block}
.cabecera a.volver{font-weight:600;text-decoration:none;color:var(--petroleo)}
main{padding-block:40px 80px}
h1,h2{font-family:"Lora",Georgia,serif;font-weight:600;letter-spacing:-.015em;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(34px,6vw,52px);margin:0 0 12px}
h2{font-size:24px;margin:40px 0 10px}
p,li{color:#33454D}
.fecha{font-size:14px;color:var(--gris);margin:0 0 28px}
.aviso{padding:16px 18px;border-radius:16px;background:rgba(8,172,177,.1);color:var(--tinta);font-size:15.5px}
mark{background:#FCE9B8;color:var(--tinta);padding:0 4px;border-radius:4px}
dl{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:8px 20px;margin:0}
dt{font-weight:600}
dd{margin:0;color:#33454D;min-width:0}
footer{border-top:1px solid var(--linea);padding-block:24px 40px;font-size:14px;color:var(--gris)}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
@media (max-width:560px){dl{grid-template-columns:minmax(0,1fr)}dd{margin-bottom:8px}}