/* CORPUS - sitio publico. Paleta estricta del proyecto: sin verde. */
:root{
  --fondo:#08090A; --sombra:#2C3037;
  --acero-1:#4B525A; --acero-2:#8C949E; --acero-3:#AEB4BC;
  --filo-1:#DFE5EC; --filo-2:#EEF1F4;
  --carmesi-1:#7D0A1C; --carmesi-2:#C0122A; --carmesi-3:#E8203A;
  --ancho:44rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--fondo); color:var(--filo-1);
  font:400 1rem/1.65 ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.envoltura{max-width:var(--ancho); margin:0 auto; padding:0 1.25rem}

header{border-bottom:1px solid var(--sombra); padding:2.5rem 0 2rem}
header img{display:block; width:100%; max-width:26rem; height:auto; margin:0 auto}
header .marca-texto{
  text-align:center; font-weight:700; letter-spacing:.35em;
  font-size:2rem; color:var(--filo-2); margin:0
}
header .lema{
  text-align:center; color:var(--carmesi-3); letter-spacing:.3em;
  font-size:.75rem; margin:.75rem 0 0; text-transform:uppercase
}

main{padding:3rem 0 4rem}
h1{font-size:1.9rem; line-height:1.25; margin:0 0 1.5rem; color:var(--filo-2)}
h2{font-size:1.15rem; margin:2.5rem 0 .75rem; color:var(--filo-2)}
h2::before{content:""; display:block; width:2.5rem; height:2px; background:var(--carmesi-2); margin-bottom:.75rem}
p,li{color:var(--acero-3)}
li{margin:.4rem 0}
strong{color:var(--filo-1)}
a{color:var(--carmesi-3)}
a:hover{color:var(--filo-2)}

.entrada{
  display:inline-block; margin-top:1.5rem; padding:.8rem 1.6rem;
  background:var(--carmesi-1); color:var(--filo-2); text-decoration:none;
  border:1px solid var(--carmesi-2); border-radius:2px;
  letter-spacing:.12em; text-transform:uppercase; font-size:.8rem
}
.entrada:hover{background:var(--carmesi-2); color:#fff}

.aviso{
  border-left:3px solid var(--carmesi-2); background:#101215;
  padding:1rem 1.25rem; margin:2rem 0; border-radius:0 2px 2px 0
}
.aviso p{margin:0; color:var(--filo-1)}

.fecha{color:var(--acero-1); font-size:.85rem; margin-top:0}

footer{border-top:1px solid var(--sombra); padding:2rem 0 3rem; font-size:.85rem}
footer p{color:var(--acero-1); margin:.35rem 0}
footer a{margin-right:1.25rem}

@media (max-width:32rem){
  h1{font-size:1.5rem}
  header .marca-texto{font-size:1.5rem}
}