/* Intake Bench - cara de papel.
   Las paginas de politica son documentos: se leen despacio, se imprimen y se
   citan. Van en papel, no de noche. La regla esta en web/MARCA.md. */

:root {
  --fondo:       #F3EFE7;
  --texto:       #17171A;
  --texto-medio: #4B4A4E;
  --texto-bajo:  #75736D;
  --laton:       #8A6032;
  --linea:       rgba(16, 16, 18, .14);

  --f-display: "Libre Caslon Display", "Hoefler Text", Georgia, serif;
  --f-texto:   "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --f-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--fondo);
  color: var(--texto);
  font-family: var(--f-texto);
  font-weight: 350;
  font-size: 17px;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}

.env { max-width: 36rem; margin: 0 auto; padding: 0 1.5rem 4rem; }

.top {
  display: flex; align-items: center; gap: .7rem;
  padding: 1.7rem 0 2.4rem;
}
.top a { display: flex; align-items: center; gap: .7rem; color: var(--texto); text-decoration: none; }
.top-name { font-family: var(--f-display); font-size: 1.06rem; }
.top-where {
  margin-left: auto; font-family: var(--f-mono); font-size: .68rem;
  letter-spacing: .15em; text-transform: uppercase; color: var(--texto-bajo);
}

h1 {
  font-family: var(--f-display); font-weight: 400;
  font-size: clamp(1.9rem, 5vw, 2.5rem); line-height: 1.1;
  letter-spacing: -.012em; text-wrap: balance; margin: 0 0 .5rem;
}

.fecha {
  font-family: var(--f-mono); font-size: .7rem; letter-spacing: .12em;
  text-transform: uppercase; color: var(--laton); margin: 0 0 2.2rem;
}

h2 {
  font-family: var(--f-display); font-weight: 400;
  font-size: 1.32rem; line-height: 1.22; letter-spacing: -.006em;
  text-wrap: balance; margin: 2.6rem 0 .8rem;
}

p, li { max-width: 62ch; }
p { margin: 0 0 1rem; }
ul { padding-left: 1.15rem; margin: 0 0 1rem; }
li { margin-bottom: .45rem; }

strong { font-weight: 600; }
code {
  font-family: var(--f-mono); font-size: .88em;
  background: rgba(16,16,18,.06); padding: .1em .35em; border-radius: 3px;
}

a { color: var(--laton); text-underline-offset: 2px; }

.destacado {
  border-left: 2px solid var(--laton);
  padding: .1rem 0 .1rem 1.2rem;
  margin: 1.6rem 0;
}
.destacado p { font-size: 1.04rem; margin: 0; }

footer {
  margin-top: 3.4rem; padding-top: 1.4rem; border-top: 1px solid var(--linea);
  font-family: var(--f-mono); font-size: .67rem; letter-spacing: .08em;
  text-transform: uppercase; color: var(--texto-bajo);
  display: flex; gap: 1.1rem; flex-wrap: wrap;
}
footer a { color: var(--texto-bajo); }

:focus-visible { outline: 2px solid var(--laton); outline-offset: 3px; }