/* Brutaleter — estilos base. Casi todo el diseño va en estilos en línea en cada página. */
:root { --accent: #C8FF2E; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #EEEDE7; }
a { color: #0E0E0E; }
a:hover { color: #3D3D3A; }

/* Bloques que se muestran u ocultan desde site.js */
[data-if] { display: contents; }
[data-if][hidden], [hidden] { display: none !important; }

button[type="submit"]:disabled { opacity: 0.45; cursor: not-allowed !important; }
:focus-visible { outline: 3px solid #0E0E0E; outline-offset: 3px; }
body.modal-open { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Resaltado de los titulares: la franja va por detrás de todo el texto,
   para que no tape los rabitos (p, g, y…) de la línea de arriba */
h1 { position: relative; z-index: 0; }
h1 .resaltado { position: relative; z-index: -1; }