/* ================================================
   HERO.CSS — Sección hero principal
   Proyecto: SmartDaga Landing
   Autor: e-DAGA Systems
================================================ */

#hero { position: relative; overflow: hidden; min-height: calc(100vh - 64px); display: flex; align-items: center; }

/* Fondo con imagen Unsplash + overlay azul */
.hero-bg { position: absolute; inset: 0; background-image: linear-gradient(rgba(26,58,92,.85),rgba(26,58,92,.85)), url('https://images.unsplash.com/photo-1518770660439-4636190af475?w=1200&q=70&auto=format&fit=crop'); background-size: cover; background-position: center; z-index: 0; }

/* Watermark del logo — centro derecha, muy sutil */
.hero-watermark { position: absolute; top: 50%; transform: translateY(-50%); right: 5%; width: 320px; opacity: .06; pointer-events: none; z-index: 1; filter: grayscale(100%) brightness(200%); }

/* Cuadrícula decorativa */
.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 54px 54px; pointer-events: none; z-index: 1; }

/* Blobs de luz ambiental */
.hero-blob1 { position: absolute; top: -80px; right: -80px; width: 400px; height: 400px; background: var(--green); border-radius: 50%; filter: blur(100px); opacity: .1; pointer-events: none; z-index: 1; }
.hero-blob2 { position: absolute; bottom: -60px; left: -60px; width: 300px; height: 300px; background: var(--orange); border-radius: 50%; filter: blur(90px); opacity: .1; pointer-events: none; z-index: 1; }

/* Contenido */
.hero-inner  { position: relative; z-index: 2; padding: 3rem 1.25rem; text-align: center; max-width: 780px; margin: 0 auto; }
.hero-badge  { display: inline-flex; align-items: center; gap: .5rem; background: rgba(0,176,80,.12); border: 1px solid rgba(0,176,80,.3); border-radius: 100px; padding: .3rem 1rem; font-size: .72rem; font-weight: 700; color: #4ade80; letter-spacing: .07em; margin-bottom: 1.5rem; }
.hero-h1     { color: #fff; margin-bottom: 1.1rem; }
.hero-h1 em  { font-style: normal; color: var(--orange); }
.hero-sub    { color: rgba(255,255,255,.72); font-size: 1.1rem; max-width: 580px; margin: 0 auto 2.25rem; }
.hero-ctas   { display: flex; gap: .9rem; justify-content: center; flex-wrap: wrap; }
.hero-note   { font-size: .78rem; color: rgba(255,255,255,.4); margin-top: 1.1rem; }

/* Trust strip */
.hero-trust  { display: flex; justify-content: center; gap: 2.5rem; margin-top: 3.5rem; flex-wrap: wrap; }
.trust-item  { text-align: center; }
.trust-val   { font-size: .8rem; font-weight: 700; color: rgba(255,255,255,.85); letter-spacing: .04em; }
.trust-lbl   { font-size: .68rem; color: rgba(255,255,255,.4); margin-top: .15rem; }