/* Tipografías servidas desde esta misma web.
   Ningún dato del visitante sale hacia servidores de terceros. */
@font-face{font-family:"Fraunces";src:url("fuentes/fraunces.woff2") format("woff2");
  font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Karla";src:url("fuentes/karla.woff2") format("woff2");
  font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fuentes/plexmono-400.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fuentes/plexmono-500.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap}

:root{--cal:#FDFBF7;--arena:#F4EDE1;--mar:#0E5C86;--mar-hondo:#083F5E;--sol:#F0A81E;
  --tinta:#1E2A31;--gris:#5D6E77;--borde:#E3DBCC}
*{box-sizing:border-box}
body{margin:0;background:var(--cal);color:var(--tinta);
  font:400 17px/1.7 "Karla",system-ui,sans-serif}
.barra{background:rgba(253,251,247,.95);border-bottom:1px solid var(--borde);
  position:sticky;top:0;backdrop-filter:blur(8px)}
.env{width:min(760px,92vw);margin-inline:auto}
.barra .env{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}
.marca{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.2rem;
  color:var(--mar-hondo);text-decoration:none}
.marca em{font-style:normal;color:var(--sol)}
.volver{font-size:.9rem;color:var(--mar)}
main{padding-block:3rem 4rem}
h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(2rem,5vw,2.8rem);
  line-height:1.1;margin:0 0 .4rem;color:var(--mar-hondo)}
.fecha{color:var(--gris);font-size:.9rem;margin:0 0 2.5rem}
h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.35rem;
  margin:2.4rem 0 .7rem;color:var(--mar-hondo)}
p,li{margin:0 0 .9rem}
ul{padding-left:1.2rem}
a{color:var(--mar)}
dl{background:var(--arena);border:1px solid var(--borde);border-radius:12px;padding:1.3rem;
  margin:1.2rem 0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem}
dt{font-weight:600;color:var(--mar-hondo)}
dd{margin:0}
@media(max-width:560px){dl{grid-template-columns:1fr;gap:.15rem 0}dd{margin-bottom:.7rem}}
.aviso{background:#FFF6E3;border:1px solid #F2D9A0;border-radius:12px;padding:1.1rem;
  font-size:.94rem}
footer{border-top:1px solid var(--borde);padding-block:2rem;color:var(--gris);font-size:.9rem}