:root{
  --ink:#000000; --ink-soft:#4a4a48; --paper:#ffffff; --smoke:#fafafa;
  --smoke2:#f3f2ee; --line:#e7e6e0;
  --accent:#ffd618; /* amarillo de marca del manual, RGB 255/213/23 */
  /* --accent-deep: derivado (no es color oficial del manual) para hovers/estados sobre --accent */
  --accent-deep:#d4ac00;
  --accent-soft:#FFF4CE;
  --display:"Archivo","Arial Black","Helvetica Neue",sans-serif;
  --sans:"Poppins","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--smoke);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,textarea,select{font:inherit}
a{color:var(--ink);text-decoration:none}
::selection{background:var(--accent);color:var(--ink)}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* articulos.html: colapso a una columna del layout galería+texto en pantallas angostas */
@media (max-width:860px){
  #art-layout{grid-template-columns:1fr!important;gap:32px!important}
  #art-gallery{position:static!important}
}