.info-note{
  max-width:680px;
  margin:24px auto 0;
  background:var(--bg-card);
  border:1px solid var(--border-soft);
  border-radius:var(--radius);
  padding:18px 24px;
  font-size:0.9rem;
  color:var(--muted);
  line-height:1.65;
  text-align:center;
}
.info-note strong{ color:var(--gold-400); }

.hero-paginasweb{
  background-image:
    linear-gradient(180deg, rgba(6,6,6,0.82) 0%, rgba(6,6,6,0.6) 38%, rgba(6,6,6,0.72) 70%, rgba(6,6,6,0.95) 100%),
    url('../img/paginas-web-hero-bg.jpg');
  background-size:cover;
  background-position:center 30%;
  background-repeat:no-repeat;
}

#solucion{
  background-image:
    linear-gradient(180deg, rgba(6,6,6,0.9) 0%, rgba(6,6,6,0.82) 50%, rgba(6,6,6,0.92) 100%),
    url('../img/diseno-web-a-medida-proceso.jpg');
  background-size:cover;
  background-position:center 25%;
  background-repeat:no-repeat;
}

#portfolio{
  background-image:
    linear-gradient(180deg, rgba(6,6,6,0.88) 0%, rgba(6,6,6,0.8) 50%, rgba(6,6,6,0.9) 100%),
    url('../img/desarrollo-web-codigo-boceto.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

#incluye{
  background-image:
    linear-gradient(180deg, rgba(6,6,6,0.9) 0%, rgba(6,6,6,0.82) 50%, rgba(6,6,6,0.92) 100%),
    url('../img/web-responsive-movil-ordenador.jpg');
  background-size:cover;
  background-position:center 30%;
  background-repeat:no-repeat;
}