:root { --whatsapp-green: #25D366; --whatsapp-dark: #128C7E; }
html, body { height: 100%; }
body {
  /* Poner la textura (imagen) como capa inferior y el degradado encima.
     Así el degradado no quedará 'tileado' por el background-size de la textura. */
  background-image: url('../images/honeycomb.svg'), linear-gradient(to bottom, #2b2b2b, #0a4a3f);
  background-repeat: repeat, no-repeat;
  background-position: left top, center;
  background-size: 12px 12px, cover; /* tamaño para la textura (más pequeño), cover para el gradiente */
  background-blend-mode: overlay; /* prueba también 'multiply' u 'overlay' si quieres otro efecto */
  background-attachment: fixed;
  min-height: 100vh;
}
.form-control:focus { border-color: var(--whatsapp-green); box-shadow: 0 0 0 .2rem rgba(37,211,102,.25); }
.btn-primary { background: var(--whatsapp-green); border-color: var(--whatsapp-green); }
.btn-primary:hover { background: var(--whatsapp-dark); border-color: var(--whatsapp-dark); }