/* ============================================================================
   FONDOS (experimento reversible) — se carga el último.
   · 02 · rejilla de líneas sutil en las secciones de contenido (.band)
   · 04 · glow mesh (naranja + acero) + grano en el hero
   Para VOLVER ATRÁS: comenta el <link> de este fichero en inc/header.php.
   ========================================================================== */

/* ---- 01 · rejilla de PUNTOS: retirada (no encajaba con el diseño) ---- */

/* ---- 04 · hero: glow mesh (naranja + acero secundario) + grano ---- */
.hero::before{
  background:
    radial-gradient(52% 66% at 82% 22%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 66%),
    radial-gradient(42% 58% at 8% 92%, color-mix(in srgb, var(--accent-2, #5C8AA8) 18%, transparent), transparent 64%) !important;
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%3E%3Cfilter%20id='g'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='180'%20height='180'%20filter='url(%23g)'/%3E%3C/svg%3E");
}
