.hero{
  position:relative;
  background:var(--grad-hero);
  padding:130px 0 60px;
  overflow:hidden;
  isolation:isolate;
}
.hero::before{ /* dot grid */
  content:'';position:absolute;inset:0;z-index:-2;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(70% 60% at 30% 30%, black 20%, transparent 85%);
}
.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55;}
.hero-glow--1{width:520px;height:520px;background:var(--blue-500);top:-160px;left:-120px;}
.hero-glow--2{width:460px;height:460px;background:var(--violet-500);bottom:-180px;right:-100px;}

.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;}

.hero-badge{margin-bottom:16px;}
.hero h1{margin-bottom:14px;}
.hero h1 .line2{display:block;}
.hero-sub{font-size:1.08rem;max-width:520px;margin-bottom:18px;color:var(--ink-300);}
.hero-checks{display:grid;gap:8px;margin-bottom:20px;}
.hero-checks li{display:flex;align-items:center;gap:10px;font-size:.93rem;color:var(--ink-100);}
.hero-checks svg{width:18px;height:18px;flex-shrink:0;color:var(--cyan-400);}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px;}
.hero-note{font-size:.82rem;color:var(--ink-500);display:flex;align-items:center;gap:8px;}
.hero-note svg{width:14px;height:14px;color:var(--cyan-400);}

/* ---- Mini CTA FacturaNovo IA dentro del Hero ---- */
.hero-ia{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin:16px 0 0;padding:12px 18px;border-radius:14px;
  background:linear-gradient(135deg,rgba(123,92,255,.14),rgba(46,107,255,.1));
  border:1px solid rgba(148,133,255,.28);
}
.hero-ia-text{flex:1;min-width:220px;}
.hero-ia-text strong{display:block;color:#fff;font-size:.9rem;margin-bottom:1px;}
.hero-ia-text span{display:block;color:var(--ink-300);font-size:.82rem;}
.hero-ia .btn{white-space:nowrap;padding-top:9px;padding-bottom:9px;}

/* ---- Bifurcación "¿Qué estás buscando?" ---- */
.hero-fork{margin-top:14px;}
.hero-fork-label{font-size:.78rem;font-weight:700;color:var(--ink-300);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;}
.hero-fork-links{display:flex;flex-wrap:wrap;gap:10px;}
.hero-fork-link{
  display:flex;align-items:center;gap:8px;
  padding:9px 14px;border-radius:12px;flex:1;min-width:220px;justify-content:center;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  color:var(--ink-100);font-size:.86rem;font-weight:600;
  transition:.2s ease;
}
.hero-fork-link:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:translateY(-1px);}
.hero-fork-link svg{width:16px;height:16px;flex-shrink:0;color:var(--cyan-400);}

/* ---- Visual composition: foto real de negocio (dueños + laptop) ---- */
.hero-visual{position:relative;height:480px;}
.hero-photo{
  position:relative;width:100%;height:100%;
  border-radius:22px;overflow:hidden;
  box-shadow:0 40px 90px -20px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.08);
  animation:floatY 7s ease-in-out infinite;
}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:78% center;display:block;}
.hero-photo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(155deg, rgba(9,15,36,.32) 0%, rgba(9,15,36,0) 42%, rgba(46,107,255,.18) 100%);
}
.hero-photo::before{
  content:'';position:absolute;inset:0;z-index:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  border-radius:inherit;pointer-events:none;
}

.float-chip{
  position:absolute;display:flex;align-items:center;gap:10px;
  padding:11px 16px;border-radius:16px;
  font-size:.82rem;font-weight:600;color:#fff;
  animation:floatY 6s ease-in-out infinite;
}
.float-chip svg{width:20px;height:20px;flex-shrink:0;}
.float-chip.c1{top:4%;left:-2%;animation-delay:.2s;}
.float-chip.c2{top:14%;right:-6%;animation-delay:1.1s;}
.float-chip.c3{bottom:20%;left:-8%;animation-delay:.6s;}
.float-chip.c4{bottom:6%;right:0;animation-delay:1.6s;}
.float-chip.c5{top:46%;right:-10%;animation-delay:.9s;display:none;}

.chip-wa{background:var(--wa-green);color:#04220f;box-shadow:var(--shadow-glow-wa);}
.chip-glass{background:var(--glass-bg-strong);border:1px solid var(--glass-border);backdrop-filter:blur(14px);}
.chip-violet{background:linear-gradient(135deg,#7b5cff,#5b3bff);box-shadow:0 14px 30px -8px rgba(123,92,255,.6);}

@keyframes floatY{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-14px);}
}
@keyframes sheen{
  0%{transform:translateX(-60%);}
  100%{transform:translateX(60%);}
}

.trust-bar{
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  padding:26px 0;
}
.trust-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;}
.trust-label{font-size:.82rem;color:var(--ink-500);max-width:220px;}
.trust-items{display:flex;flex-wrap:wrap;gap:34px;}
.trust-item{display:flex;align-items:center;gap:10px;color:var(--ink-300);font-size:.86rem;}
.trust-item svg{width:20px;height:20px;color:var(--blue-400);}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{height:360px;margin-top:16px;}
  .float-chip{font-size:.72rem;padding:8px 12px;}
}
@media (max-width:560px){
  .hero{padding:110px 0 44px;}
  .hero-visual{height:300px;}
  .float-chip.c2{right:-2%;}
  .float-chip.c3{left:-2%;}
  .hero-ia{flex-direction:column;align-items:stretch;text-align:left;}
  .hero-ia .btn{width:100%;justify-content:center;}
  .hero-fork-links{flex-direction:column;}
  .hero-fork-link{width:100%;}
}