/* aviso.css — la caja que dice que esto es una demostración.
   Va en color de acento y no de marca: no es una llamada a la acción, es una
   advertencia, y tiene que leerse distinta de todo lo demás. */

.aviso{
  background:var(--acento-suave); border:1px solid color-mix(in srgb,var(--acento) 30%,transparent);
  border-radius:var(--radio); padding:.9rem 1.1rem; font-size:.9rem; margin-bottom:1.5rem;
}
.aviso strong{color:var(--acento)}
.aviso p:last-child{margin-bottom:0}