<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>VeriGest – Gestión administrativa sin complicaciones</title>
  <meta name="description" content="VeriGest: software de gestión para autónomos y PYMEs. Facturación electrónica, VeriFactu, control horario, presupuestos y TPV desde 1€/año.">
  <link rel="icon" type="image/png" href="/favicon.png" sizes="64x64">
  <link rel="preconnect" href="https://connect.facebook.net">
  <link rel="preconnect" href="https://www.googletagmanager.com">
  <link rel="preload" as="image" href="verigest-logo-nuevo.webp" type="image/webp" fetchpriority="high">
  <link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/sora-700.woff2">
  <link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/inter-400.woff2">
  <link rel="preload" as="font" type="font/woff2" crossorigin href="/fonts/inter-700.woff2">
  <style>@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-600.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-600.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-700.woff2') format('woff2')}@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/sora-700.woff2') format('woff2')}@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/sora-700.woff2') format('woff2')}@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/sora-700.woff2') format('woff2')}</style>
  <style>
  /* === RESET === */
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Inter',sans-serif;background:#fff;color:#0d1b2a;-webkit-font-smoothing:antialiased;overflow-x:hidden}

  /* === CORPORATE COLORS === */
  :root{
    --primary:#004494;
    --primary-dark:#003371;
    --accent:#0066cc;
    --success:#10b981;
    --warning:#f59e0b;
    --bg-light:#f8fafc;
    --text-dark:#1e293b;
    --text-muted:#475569;
  }

  /* ============================================================
     HEADER & NAVBAR PRINCIPAL
  ============================================================ */
  header{
    position:sticky;top:0;z-index:200;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(14px);
    border-bottom:1px solid #dce4f0;
    box-shadow:0 2px 12px rgba(0,68,148,.06);
  }

  .navbar{
    padding:.75rem 3rem;
    display:grid;grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:1.5rem;
  }
  .navbar > div:last-child{justify-self:end;display:flex;gap:.5rem;align-items:center;}

  /* Logo */
  .logo-wrap{
    display:flex;align-items:center;text-decoration:none;
    flex-shrink:0;
  }
  .logo-wrap img{height:60px;width:auto}

  /* Nav links container */
  .nav-links{
    display:flex;align-items:center;gap:.35rem;
    justify-content:center;
  }

  /* Individual nav block/pill */
  .nav-link{
    display:flex;align-items:center;gap:.45rem;
    padding:.52rem 1rem;
    border-radius:8px;
    text-decoration:none;
    font-size:.82rem;
    font-weight:600;
    color:var(--primary-dark);
    border:1.5px solid transparent;
    background:transparent;
    transition:all .22s ease;
    white-space:nowrap;
    letter-spacing:.01em;
  }
  .nav-link:hover{
    background:#e8f0fc;
    border-color:#c8daf5;
    color:var(--primary);
    transform:translateY(-1px);
    box-shadow:0 3px 10px rgba(0,68,148,.1);
  }
  .nav-link.active{
    background:var(--primary);
    color:#fff;
    border-color:var(--primary);
    box-shadow:0 3px 12px rgba(0,68,148,.25);
  }
  .nav-link .nav-icon{
    font-size:1rem;
    line-height:1;
  }

  /* CTA button derecha */
  .nav-btn{
    background:var(--primary);color:#fff;
    padding:.58rem 1.3rem;
    border-radius:7px;
    text-decoration:none;
    font-weight:700;font-size:.83rem;
    transition:all .2s;
    flex-shrink:0;
    white-space:nowrap;
    letter-spacing:.02em;
  }
  .nav-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,68,148,.3)}

  /* Separador vertical entre links */
  .nav-sep{
    width:1px;height:18px;
    background:#dce4f0;
    flex-shrink:0;
  }

  /* ============================================================
     HAMBURGER – RESPONSIVE MOBILE
  ============================================================ */
  .nav-toggle{
    display:none;
    flex-direction:column;gap:5px;cursor:pointer;
    padding:.4rem;border:none;background:transparent;
    flex-shrink:0;
  }
  .nav-toggle span{
    display:block;width:24px;height:2px;
    background:var(--primary-dark);
    border-radius:2px;
    transition:all .25s;
  }
  .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle.open span:nth-child(2){opacity:0}
  .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  @media(max-width:1280px){
    .navbar{padding:.65rem 1.5rem;gap:.75rem}
    .logo-wrap img{height:48px}
    .nav-links{
      display:none;
      position:absolute;top:100%;left:0;right:0;
      flex-direction:column;align-items:stretch;
      background:#fff;
      border-bottom:1px solid #dce4f0;
      padding:1rem 1.5rem 1.5rem;
      gap:.5rem;
      box-shadow:0 8px 24px rgba(0,68,148,.1);
    }
    .nav-links.open{display:flex}
    .nav-sep{display:none}
    .nav-link{justify-content:flex-start;font-size:.9rem;padding:.7rem 1rem}
    .nav-toggle{display:flex}
    header{position:relative}/* allow dropdown to flow */
  }
  @media(max-width:480px){
    .navbar{padding:.7rem 1.1rem}
    .logo-wrap img{height:48px}
    .nav-btn{font-size:.78rem;padding:.5rem 1rem}
  }

  /* ============================================================
     LANDING WRAPPER (todo el contenido de landing_completo.html)
  ============================================================ */
  .landing{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text-dark);overflow-x:hidden;background:white}

  /* === HERO === */
  .landing .hero{
    background:linear-gradient(135deg,#e6f0ff 0%,#cce0ff 50%,#b3d4ff 100%);
    padding:5rem 2rem;
    position:relative;
    overflow:hidden;
  }
  .landing .hero::before{
    content:'';position:absolute;top:-200px;right:-200px;
    width:600px;height:600px;
    background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);
    border-radius:50%;animation:landingFloat 8s ease-in-out infinite;
  }
  .landing .hero::after{
    content:'';position:absolute;bottom:-150px;left:-150px;
    width:500px;height:500px;
    background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);
    border-radius:50%;animation:landingFloat 10s ease-in-out infinite reverse;
  }
  @keyframes landingFloat{
    0%,100%{transform:translateY(0) scale(1)}
    50%{transform:translateY(-30px) scale(1.05)}
  }
  .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}
  .gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:floatOrb 15s ease-in-out infinite}
  .orb-1{width:400px;height:400px;background:linear-gradient(135deg,var(--primary),var(--accent));top:-100px;right:10%}
  .orb-2{width:300px;height:300px;background:linear-gradient(135deg,var(--accent),var(--success));bottom:-50px;left:5%;animation-delay:5s}
  .orb-3{width:350px;height:350px;background:linear-gradient(135deg,var(--primary),var(--warning));top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}
  @keyframes floatOrb{
    0%,100%{transform:translate(0,0) scale(1)}
    33%{transform:translate(30px,-30px) scale(1.1)}
    66%{transform:translate(-30px,30px) scale(.9)}
  }
  .hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1;text-align:center;animation:fadeInUp .8s ease-out}
  @keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
  @keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
  .hero-logo{max-width:280px;height:auto;margin:0 auto 2rem;display:block;animation:fadeInDown .8s ease-out .2s backwards;filter:drop-shadow(0 4px 12px rgba(37,99,235,.2));transition:transform .3s ease}
  .hero-logo:hover{transform:scale(1.05)}
  .hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;margin:0 0 1.5rem;color:var(--text-dark);animation:fadeInUp .8s ease-out .3s backwards}
  .hero-subtitle{font-size:1.25rem;color:#475569;margin:1.5rem auto 1.75rem;line-height:1.6;max-width:700px;animation:fadeInUp .8s ease-out .4s backwards}
  .hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .5s backwards}
  .hero-social{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:0;animation:fadeInUp .8s ease-out .5s backwards}
  .hero-social-label{font-size:.9rem;color:var(--text-muted);font-weight:500}
  .hero-social-links{display:flex;gap:.75rem}
  .social-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;background:rgba(255,255,255,.8);border:1px solid rgba(37,99,235,.2);border-radius:20px;text-decoration:none;color:var(--text-dark);font-size:.85rem;font-weight:500;transition:all .2s;backdrop-filter:blur(8px)}
  .social-chip:hover{background:white;border-color:rgba(37,99,235,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.15)}
  .stat-badge{display:inline-flex;align-items:center;gap:.4rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:.35rem .9rem;font-size:.82rem;font-weight:600;color:#065f46;margin-bottom:1.5rem;animation:fadeInDown .8s ease-out backwards}

  /* Botones hero */
  .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;border-radius:10px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .25s;cursor:pointer}
  .btn-primary{background:linear-gradient(135deg,#1a6cf6,#004494);color:#fff;box-shadow:0 4px 20px rgba(26,108,246,.35)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(26,108,246,.45)}
  .btn-secondary{background:rgba(255,255,255,.9);color:var(--primary);border:2px solid rgba(0,68,148,.2);backdrop-filter:blur(8px)}
  .btn-secondary:hover{background:white;border-color:var(--primary);transform:translateY(-2px)}

  /* === TRUST STRIP === */
  .trust-strip{background:#fff;padding:2rem;border-bottom:1px solid #f0f4fa}
  .trust-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:nowrap}
  .trust-item{display:flex;align-items:center;gap:.6rem;color:var(--text-muted);font-size:.88rem;font-weight:500}
  .trust-icon{width:32px;height:32px;background:linear-gradient(135deg,#e8f0fc,#d0e4ff);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}

  /* === FEATURES SHOWCASE === */
  .features-showcase{padding:5rem 2rem;background:var(--bg-light);text-align:center}
  .features-header{margin-bottom:3rem}
  .features-header h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--text-dark);margin-bottom:.75rem}
  .features-header p{font-size:1.25rem;color:#004494}
  .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;max-width:1250px;margin:0 auto}
  .feature-box{background:#fff;border-radius:14px;padding:2rem 1.75rem;text-align:center;border:1px solid #dce4f0;box-shadow:0 4px 18px rgba(0,68,148,.08);transition:all .25s;cursor:pointer;position:relative;overflow:hidden}
  .feature-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transition:transform .3s;transform-origin:left}
  .feature-box:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,68,148,.12);border-color:#c8daf5}
  .feature-box:hover::before{transform:scaleX(1)}
  .feature-box h3{font-size:.95rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem;text-align:center}
  .feature-box p{font-size:.85rem;color:#64748b;line-height:1.65;text-align:center}
  .fbox-icon{width:46px;height:46px;border-radius:10px;background:#e8f0fe;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 1.1rem}
  .feature-link{display:inline-block;margin-top:.6rem;color:var(--primary);font-weight:600;font-size:.82rem}

  /* === 2 COL HERO === */
  .hero-2col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1100px;margin:0 auto;padding:5rem 2rem}
  .hero-text{display:flex;flex-direction:column;justify-content:center;text-align:center}
  .hero-text h1{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.2;color:var(--text-dark);margin-bottom:1.5rem}
  .hero-text p{font-size:1.05rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem}
  .chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;justify-content:center}
  .chip{background:#e8f0fc;color:var(--primary);padding:.4rem .9rem;border-radius:20px;font-size:.82rem;font-weight:600}
  .hero-cta-pres{display:flex;gap:1rem;flex-wrap:wrap}
  .btn-pres-primary{background:var(--primary);color:#fff;padding:.8rem 1.8rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.95rem;display:inline-block;transition:all .25s}
  .btn-pres-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}
  .btn-pres-outline{background:transparent;color:var(--primary);padding:.8rem 1.8rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.95rem;display:inline-block;border:2px solid var(--primary);transition:all .25s}
  .btn-pres-outline:hover{background:#e8f0fc;transform:translateY(-2px)}
  .note{font-size:.8rem;color:var(--text-muted);margin-top:1rem}
  .vcard{background:#f8fafc;border-radius:12px;padding:1rem 1.2rem;border:1px solid #e8f0fc;margin-bottom:.8rem}
  .vl{font-size:.72rem;font-weight:700;color:#a0b5cc;letter-spacing:.5px;text-transform:uppercase}
  .vv{font-size:1.4rem;font-weight:800;color:#0f2547;margin:.2rem 0}
  .vs{font-size:.78rem;color:#5a7a99}

  /* === ALTERNATING FEATURES === */
  .features-pres{max-width:1100px;margin:0 auto;padding:4rem 2rem}
  .feat-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:5rem}
  .feat-row.reverse{direction:rtl}
  .feat-row.reverse>*{direction:ltr}
  .feat-text .tag{display:inline-block;background:#e8f0fc;color:var(--primary);padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:1rem}
  .feat-text h2{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:var(--text-dark);margin-bottom:1rem;line-height:1.25}
  .feat-text p{color:var(--text-muted);line-height:1.7;margin-bottom:1.2rem}
  .feat-list{list-style:none;padding:0}
  .feat-list li{padding:.4rem 0;color:var(--text-dark);font-size:.92rem;padding-left:1.5rem;position:relative}
  .feat-list li::before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:700}

  /* === CTA FINAL === */
  /* Trial banner */
  .trial-banner{background:linear-gradient(135deg,#003371 0%,#004494 100%);padding:5rem 2rem;overflow:hidden}
  .trial-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:2rem;justify-content:space-between}
  .trial-banner-text{flex:0 0 420px;color:#fff}
  .trial-pill{display:inline-block;background:rgba(255,255,255,.18);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.45);margin-bottom:1.4rem}
  .trial-banner-text h2{font-family:'Sora',sans-serif;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:800;line-height:1.2;margin-bottom:1.1rem;color:#fff}
  .trial-banner-text h2 em{font-style:normal;color:#6eb3ff}
  .trial-banner-text p{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:2rem}
  .trial-cta-btn{display:inline-block;background:#fff;color:#003371;padding:.9rem 2rem;border-radius:8px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .25s;box-shadow:0 6px 20px rgba(0,0,0,.2)}
  .trial-cta-btn:hover{background:#f0f4ff;transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.3)}
  .trial-small{display:block;margin-top:1rem;font-size:.8rem;color:rgba(255,255,255,.45);white-space:nowrap}
  .trial-banner-img{flex:1;position:relative;min-width:0;max-width:44%;display:flex;align-items:center;justify-content:center}
  .dash-card{background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.45);width:100%;max-width:440px;overflow:hidden;font-family:'Inter',sans-serif}
  .dash-card-header{background:linear-gradient(135deg,#0f2044 0%,#003371 100%);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between}
  .dash-card-header-left .dch-company{font-size:.95rem;font-weight:700;color:#fff}
  .dash-card-header-left .dch-period{font-size:.72rem;color:rgba(255,255,255,.6);margin-top:.15rem}
  .dash-card-user{background:rgba(255,255,255,.15);color:#fff;font-size:.72rem;font-weight:600;padding:.3rem .75rem;border-radius:20px;border:1px solid rgba(255,255,255,.25)}
  .dash-card-body{padding:1rem 1.25rem}
  .dash-section-label{font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#94a3b8;margin-bottom:.65rem}
  .dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:1rem}
  .dash-kpi{text-align:center;padding:.45rem .2rem;background:#f8fafc;border-radius:8px}
  .dash-kpi .dkv{font-size:.95rem;font-weight:800;line-height:1;display:block}
  .dash-kpi .dkl{font-size:.58rem;color:#94a3b8;margin-top:.2rem;display:block;line-height:1.3}
  .dkv-blue{color:#004494}.dkv-red{color:#ef4444}.dkv-orange{color:#f59e0b}.dkv-green{color:#10b981}
  .dash-chart{background:#f8fafc;border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem}
  .dash-chart-title{font-size:.7rem;font-weight:600;color:#4a5568;margin-bottom:.6rem}
  .dash-bars{display:flex;align-items:flex-end;gap:5px;height:48px}
  .dash-bar-group{display:flex;flex-direction:column;align-items:center;flex:1;gap:2px}
  .dash-bar-wrap{display:flex;align-items:flex-end;gap:2px;height:40px}
  .dash-bar{width:9px;border-radius:3px 3px 0 0}
  .dash-bar.income{background:#004494}.dash-bar.expense{background:#f87171}.dash-bar.budget{background:#10b981;opacity:.75}
  .dash-bar-lbl{font-size:.58rem;color:#94a3b8;margin-top:1px}
  .dash-legend{display:flex;gap:10px;margin-top:6px}
  .dash-leg-item{display:flex;align-items:center;gap:3px;font-size:.62rem;color:#6b7280}
  .dash-leg-dot{width:7px;height:7px;border-radius:2px}
  .dash-fin{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;margin-bottom:.2rem}
  .dash-fin-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;border-bottom:1px solid #f1f5f9}
  .dash-fin-row:last-child{border-bottom:none}
  .dash-fin-row .dfl{color:#4a5568}
  .dash-fin-row .dfl-sub{font-size:.62rem;color:#94a3b8}
  .dash-fin-row .dfv{font-weight:600;color:#1a202c}
  .dash-fin-row .dfv.pos{color:#10b981}.dash-fin-row .dfv.neg{color:#f87171}.dash-fin-row .dfv.warn{color:#f59e0b}
  .dash-total-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0 .15rem;font-size:.85rem;font-weight:700}
  .dash-total-row .dtl{color:#1a202c}
  .dash-total-row .dtv{color:#004494;font-size:1.1rem;font-weight:800}
  .dash-card-footer{display:flex;gap:.45rem;padding:.8rem 1.25rem;border-top:1px solid #f1f5f9}
  .dc-btn{flex:1;padding:.45rem .5rem;border-radius:7px;font-size:.68rem;font-weight:600;text-align:center;border:1.5px solid #dce4f0;background:#fff;color:#64748b;cursor:default}
  .dc-btn-primary{background:#003371;color:#fff;border-color:#003371}
  @media(max-width:860px){
    .trial-banner-inner{flex-direction:column;gap:2.5rem}
    .trial-banner-text{flex:none;text-align:center}
    .trial-banner-img{width:100%}
  }

  .cta-pres{background:linear-gradient(135deg,#0f2547 0%,#004494 100%);padding:5rem 2rem;text-align:center;color:#fff}
  .cta-pres h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;margin-bottom:1rem}
  .cta-pres p{font-size:1.1rem;opacity:.85;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}
  .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}
  .cta-btn-white{background:#fff;color:var(--primary);padding:.85rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.95rem;display:inline-block;transition:all .25s}
  .cta-btn-white:hover{background:#e8f0fc;transform:translateY(-2px)}
  .cta-btn-dark{background:#003371;color:#fff;padding:.85rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.95rem;display:inline-block;transition:all .25s;border:2px solid #003371}
  .cta-btn-dark:hover{background:#002558;transform:translateY(-2px);color:#fff}

  /* === PRICING (precios) === */
  .pricing-strip{background:#f8fafc;padding:4rem 2rem;text-align:center;border-top:1px solid #e8f0fc}
  .pricing-strip h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:var(--text-dark);margin-bottom:.75rem}
  .pricing-strip p{color:var(--text-muted);margin-bottom:1.5rem}
  .pricing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:2.5rem}
  .pricing-toggle-label{font-size:.9rem;font-weight:500;color:#5a7a99}
  .pricing-toggle-label.active{color:#0f2547;font-weight:700}
  .pricing-toggle-btn{width:52px;height:28px;background:#dce4f0;border-radius:999px;cursor:pointer;position:relative;transition:background .3s;border:none;outline:none;flex-shrink:0}
  .pricing-toggle-btn.on{background:var(--primary)}
  .pricing-toggle-btn::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px rgba(0,0,0,.15)}
  .pricing-toggle-btn.on::after{transform:translateX(24px)}
  .pricing-save-badge{background:#e6faf2;color:#00a86b;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;border:1px solid #b3f0d4}
  .pricing-cards{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto}
  .price-card{background:#fff;border:2px solid #e8f0fc;border-radius:16px;padding:2rem;flex:1;min-width:220px;max-width:280px;transition:all .25s}
  .price-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,68,148,.12)}
  .price-card.featured{border-color:var(--primary);background:linear-gradient(135deg,#e8f0fc,#d0e4ff)}
  .price-card h3{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}
  .price-card .price{font-size:2rem;font-weight:800;color:var(--primary)}
  .price-card .price .price-sfx{font-size:.9rem;font-weight:500;color:var(--text-muted)}
  .price-card .cta-link{display:inline-block;margin-top:1.2rem;background:var(--primary);color:#fff;padding:.6rem 1.3rem;border-radius:7px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}
  .price-card .cta-link:hover{background:var(--primary-dark)}

  /* === LEGAL MODAL === */
  .legal-modal-overlay{position:fixed;inset:0;background:rgba(15,37,71,.55);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}
  .legal-modal{background:#fff;border-radius:16px;padding:2.5rem;max-width:720px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 24px 80px rgba(15,37,71,.3)}
  .legal-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.4rem;cursor:pointer;color:#64748b;line-height:1;padding:.25rem .5rem;border-radius:6px;transition:background .2s}
  .legal-modal__close:hover{background:#f0f4fa}
  .legal-modal h2{font-size:1.4rem;font-weight:800;color:var(--text-dark);margin-bottom:1.5rem;padding-right:2rem}
  .legal-modal__body h3{font-size:1rem;font-weight:700;color:var(--text-dark);margin:1.5rem 0 .5rem}
  .legal-modal__body p,.legal-modal__body li{font-size:.9rem;color:#475569;line-height:1.7}
  .legal-modal__body ul{padding-left:1.5rem;margin:.5rem 0}
  .legal-modal__body a{color:var(--primary)}
  @media(max-width:600px){.legal-modal{padding:1.5rem;max-height:90vh}}

  /* === RESPONSIVE GENERAL === */
  @media(max-width:768px){
    .landing .hero{padding:3rem 1.5rem}
    .hero-title{font-size:2rem}
    .hero-subtitle{font-size:1rem}
    .hero-actions{flex-direction:column;align-items:stretch}
    .btn{justify-content:center}
    .features-showcase{padding:4rem 1.5rem}
    .features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
    .feature-box{}
    .hero-social{flex-direction:column;gap:.75rem}
    .hero-social-links{flex-wrap:wrap;justify-content:center}
    .hero-2col{grid-template-columns:1fr;gap:2.5rem}
    .hero-2col .hero-image{order:-1}
    .feat-row{grid-template-columns:1fr;gap:2rem}
    .feat-row.reverse{direction:ltr}
    .trust-inner{gap:1rem;flex-wrap:wrap}
    .footer-bottom{flex-direction:column;text-align:center}
  }
  
  /* ===== FOOTER VERIGEST ===== */
  .vg-footer{background:#0d1b2a;padding:3rem 2rem 2rem;text-align:center;font-family:'Inter',sans-serif;margin-top:4rem}
  .vg-footer-brand{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.3px;margin-bottom:.4rem}
  .vg-footer-sub{font-size:.88rem;color:rgba(255,255,255,.45);margin-bottom:1.6rem}
  .vg-footer-social{display:flex;justify-content:center;gap:.85rem;margin-bottom:1.6rem}
  .vg-footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);color:rgba(255,255,255,.65);text-decoration:none;transition:all .2s}
  .vg-footer-social a:hover{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.08)}
  .vg-footer-copy{font-size:.8rem;color:rgba(255,255,255,.35);margin-bottom:.6rem}
  .vg-footer-phone{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:1.4rem;text-decoration:none}
  .vg-footer-phone:hover{color:#fff}
  .vg-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .5rem;font-size:.78rem}
  .vg-footer-links button{background:none;border:none;color:rgba(255,255,255,.55);cursor:pointer;font-size:.78rem;font-family:inherit;padding:.1rem .2rem;text-decoration:underline;text-underline-offset:2px;transition:color .2s}
  .vg-footer-links button:hover{color:#fff}
  .vg-footer-sep{color:rgba(255,255,255,.2);padding:0 .2rem}
  /* ===== MODALES LEGALES ===== */
  .vg-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9999;align-items:center;justify-content:center;padding:1rem}
  .vg-modal-overlay.active{display:flex}
  .vg-modal-box{background:#fff;border-radius:14px;max-width:720px;width:100%;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden}
  .vg-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.6rem;border-bottom:1px solid #eee;flex-shrink:0}
  .vg-modal-header h2{font-size:1.05rem;font-weight:700;color:#0f2547;margin:0}
  .vg-modal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#666;line-height:1;padding:.2rem .4rem;border-radius:4px;transition:background .15s}
  .vg-modal-close:hover{background:#f0f0f0}
  .vg-modal-body{overflow-y:auto;padding:1.6rem;font-size:.88rem;color:#333;line-height:1.75}
  .vg-modal-body h3{font-size:.95rem;font-weight:700;color:#0f2547;margin:1.4rem 0 .5rem}
  .vg-modal-body h3:first-child{margin-top:0}
  .vg-modal-body p{margin-bottom:.9rem}
  .vg-modal-body ul{margin:.4rem 0 .9rem 1.2rem}
  .vg-modal-body ul li{margin-bottom:.35rem}
  .vg-modal-body a{color:#1a6cf6}
  .vg-modal-body strong{font-weight:600;color:#0f2547}
  
  .nav-btn-outline{
    display:inline-flex;align-items:center;
    background:#fff;
    color:#004494;
    padding:.56rem 1.2rem;
    border-radius:7px;
    text-decoration:none;
    font-weight:700;font-size:.83rem;
    transition:all .2s;
    flex-shrink:0;white-space:nowrap;
    letter-spacing:.02em;
    border:1.5px solid #004494;
    line-height:1;
  }
  .nav-btn-outline:hover{background:#e8f0fc;transform:translateY(-1px);}
  @media(max-width:480px){.nav-btn-outline{font-size:.78rem;padding:.48rem .9rem;}}
  </style>
  <!-- Tracking scripts loaded after cookie consent (see bottom of page) -->
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'AW-18092168036');
  </script>
</head>
<body>

<!-- ============================================================
     HEADER PRINCIPAL CON NAVEGACIÓN
============================================================ -->
<header>
  <nav class="navbar">

    <!-- Logo -->
    <a href="index.html" class="logo-wrap" title="Inicio – VeriGest">
      <picture><source srcset="verigest-logo-nuevo.webp" type="image/webp"><img src="verigest-logo-nuevo.png" alt="VeriGest" width="950" height="254" style="height:60px;width:auto" fetchpriority="high"></picture>
    </a>

    <!-- Botón hamburguesa (mobile) -->
    <button class="nav-toggle" id="navToggle" aria-label="Abrir menú" aria-expanded="false">
      <span></span><span></span><span></span>
    </button>

    <!-- Links de navegación -->
    <div class="nav-links" id="navLinks">

      <a href="index.html" class="nav-link active" title="Página principal">
        <span class="nav-icon">🏠</span> Inicio
      </a>

      <div class="nav-sep"></div>

      <a href="landing/factura_completo.html" class="nav-link" title="Módulo de facturación">
        <span class="nav-icon">🧾</span> Facturas
      </a>

      <div class="nav-sep"></div>

      <a href="landing/presupuestos_completo.html" class="nav-link" title="Gestión de presupuestos">
        <span class="nav-icon">📋</span> Presupuestos
      </a>

      <div class="nav-sep"></div>

      <a href="landing/control_horario_completo.html" class="nav-link" title="Control horario de empleados">
        <span class="nav-icon">🕐</span> RRHH
      </a>

      <div class="nav-sep"></div>

      <a href="landing/tpv.html" class="nav-link" title="Terminal Punto de Venta">
        <span class="nav-icon">🛒</span> TPV
      </a>

      <div class="nav-sep"></div>

      <a href="landing/gastos.html" class="nav-link" title="Control de gastos">
        <span class="nav-icon">💰</span> Gastos
      </a>

      <div class="nav-sep"></div>

      <a href="landing/veriaccess.html" class="nav-link" title="App de fichaje móvil">
        <span class="nav-icon">📱</span> VeriAccess
      </a>

      <div class="nav-sep"></div>

      <a href="landing/precios_planes.html" class="nav-link" title="Planes y precios">
        <span class="nav-icon">💎</span> Tarifas
      </a>
      <div class="nav-sep"></div>
      <a href="blog/blog.html" class="nav-link" title="Blog de VeriGest">
        <span class="nav-icon">📝</span> Blog
      </a>

    </div>

        <!-- CTA derecha -->
    <div style="display:flex;gap:.5rem;flex-shrink:0;align-items:center;">
      <a href="https://app.verigest.es/login" class="nav-btn-outline" target="_blank" rel="noopener">Iniciar sesión</a>
      <a href="https://app.verigest.es/registro" class="nav-btn" target="_blank" rel="noopener">Empieza gratis →</a>
    </div>

  </nav>
</header>


<!-- ============================================================
     CONTENIDO PRINCIPAL – LANDING
============================================================ -->
<main class="landing">

  <!-- HERO -->
  <section class="hero">
    <div class="hero-background">
      <div class="gradient-orb orb-1"></div>
      <div class="gradient-orb orb-2"></div>
      <div class="gradient-orb orb-3"></div>
    </div>
    <div class="hero-content">
<h1 class="hero-title">Factura, gestiona y cumple.<br>Todo en uno.</h1>
      <p class="hero-subtitle">Facturación electrónica, presupuestos, control horario y TPV todo en un único panel. Cumple con la normativa vigente desde el primer día.</p>
      <div class="hero-social">
        <span class="hero-social-label">Cumple con:</span>
        <div class="hero-social-links">
          <span class="social-chip">✅ Ley Antifraude</span>
          <span class="social-chip">✅ VeriFactu</span>
          <span class="social-chip">✅ RGPD</span>
          <span class="social-chip">✅ FACe / XML</span>
        </div>
      </div>
      <div style="margin-top:1.5rem;max-width:560px;margin-left:auto;margin-right:auto">
        <div style="display:flex;align-items:flex-start;gap:.75rem;background:#e8f0fe;border:1px solid #b8d0fb;border-left:4px solid #004494;border-radius:10px;padding:.9rem 1.2rem;text-align:left">
          <span style="font-size:1.3rem;line-height:1.4">🛡️</span>
          <p style="margin:0;font-size:.88rem;color:#003371;line-height:1.6"><strong>VeriFactu incluido:</strong> tus facturas se registran automáticamente en la Agencia Tributaria. Cumplimiento fiscal garantizado desde el primer día, sin configuración extra.</p>
        </div>
      </div>
      <div style="margin-top:1.5rem;text-align:center">
        <a href="https://app.verigest.es/registro" target="_blank" rel="noopener" class="btn-primary" style="display:inline-block;padding:.9rem 2.2rem;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .25s">Empieza gratis ahora →</a>
      </div>
    </div>
  </section>

  <!-- TRUST STRIP -->
  <div class="trust-strip">
    <div class="trust-inner">
      <div class="trust-item">
        <div class="trust-icon">🔒</div>
        <span>100% seguro y legal</span>
      </div>
      <div class="trust-item">
        <div class="trust-icon">⚡</div>
        <span>Factura en &lt; 30 segundos</span>
      </div>
      <div class="trust-item">
        <div class="trust-icon">📊</div>
        <span>Informes automáticos</span>
      </div>
      <div class="trust-item">
        <div class="trust-icon">🇪🇸</div>
        <span>Soporte en español</span>
      </div>
      <div class="trust-item">
        <div class="trust-icon">🔄</div>
        <span>Sin permanencia</span>
      </div>
    </div>
  </div>

  <!-- FEATURES SHOWCASE -->
  <section class="features-showcase" id="funcionalidades">
    <div class="features-header">
      <h2>Todo lo que necesitas en un solo lugar</h2>
      <p>Herramientas potentes diseñadas para facilitar tu día a día</p>
    </div>
    <div class="features-grid">
      <a href="landing/factura_completo.html" class="feature-box" style="text-decoration:none">
        <div class="fbox-icon">🧾</div>
        <h3>Facturas instantáneas</h3>
        <p>Crea facturas profesionales en segundos con plantillas personalizables y envío automático.</p>
        <span class="feature-link">Ir al módulo →</span>
      </a>
      <a href="landing/presupuestos_completo.html" class="feature-box" style="text-decoration:none">
        <div class="fbox-icon">📋</div>
        <h3>Presupuestos profesionales</h3>
        <p>Genera presupuestos detallados, conviértelos en facturas y haz seguimiento de cada propuesta.</p>
        <span class="feature-link">Ir al módulo →</span>
      </a>
      <a href="landing/control_horario_completo.html" class="feature-box" style="text-decoration:none">
        <div class="fbox-icon">🕐</div>
        <h3>RRHH</h3>
        <p>Gestión de empleados: fichaje, nóminas, vacaciones y control de jornadas conforme a la normativa laboral española.</p>
        <span class="feature-link">Ir al módulo →</span>
      </a>
      <a href="landing/precios_planes.html" class="feature-box" style="text-decoration:none">
        <div class="fbox-icon">💎</div>
        <h3>Tarifas</h3>
        <p>Elige la tarifa que se adapte a tu negocio. Sin permanencia, sin letra pequeña. Cambia de plan cuando lo necesites.</p>
        <span class="feature-link">Ver precios →</span>
      </a>
      <a href="landing/tpv.html" class="feature-box" style="text-decoration:none">
        <div class="fbox-icon">🛒</div>
        <h3>TPV – Terminal de Venta</h3>
        <p>Vende en tienda o en movimiento. TPV táctil totalmente integrado con tu control de stock.</p>
        <span class="feature-link">Ir al módulo →</span>
      </a>
    </div>
  </section>

  <!-- 2 COL INFO -->
  <section style="background:#fff">
    <div class="hero-2col">
      <div class="hero-text">
        <h1>Gestión administrativa<br>sin complicaciones.</h1>
        <p>Plataforma integral diseñada para pymes y autónomos que buscan optimizar su tiempo y simplificar su gestión administrativa.</p>
        <div class="chips">
          <span class="chip">✓ Facturación electrónica</span>
          <span class="chip">✓ Cumplimiento normativo</span>
          <span class="chip">✓ Gestión centralizada</span>
          <span class="chip">✓ Fácil y rápido</span>
        </div>
      </div>
      <div class="hero-image" style="display:flex;justify-content:center;align-items:center">
        <div style="width:100%;max-width:460px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(15,37,71,.18);font-family:Inter,sans-serif">
          <div style="background:#0f2547;padding:1rem 1.3rem;display:flex;justify-content:space-between;align-items:center">
            <span style="font-size:.9rem;font-weight:700;color:#fff">Panel de gestión</span>
            <div style="display:flex;gap:.4rem"><div style="width:10px;height:10px;background:#ff5f57;border-radius:50%"></div><div style="width:10px;height:10px;background:#febc2e;border-radius:50%"></div><div style="width:10px;height:10px;background:#28c840;border-radius:50%"></div></div>
          </div>
          <div style="display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid #f0f4fa">
            <div style="padding:.9rem 1.1rem;border-right:1px solid #f0f4fa">
              <div style="font-size:.68rem;font-weight:700;color:#a0b5cc;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.3rem">Facturas emitidas</div>
              <div style="font-size:1.6rem;font-weight:800;color:#1a6cf6;line-height:1">24</div>
              <div style="font-size:.72rem;color:#00a86b;font-weight:600;margin-top:.2rem">↑ este mes</div>
            </div>
            <div style="padding:.9rem 1.1rem">
              <div style="font-size:.68rem;font-weight:700;color:#a0b5cc;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.3rem">Ingresos</div>
              <div style="font-size:1.4rem;font-weight:800;color:#0f2547;line-height:1">18.400 €</div>
              <div style="font-size:.72rem;color:#00a86b;font-weight:600;margin-top:.2rem">↑ +12%</div>
            </div>
          </div>
          <div style="padding:1rem 1.1rem">
            <div style="font-size:.72rem;font-weight:700;color:#a0b5cc;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.6rem">Últimas facturas</div>
            <div style="display:flex;flex-direction:column;gap:.5rem">
              <div style="display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;background:#f8fafc;border-radius:8px;border:1px solid #edf2fa">
                <div><div style="font-size:.8rem;font-weight:700;color:#0f2547">Constructora López S.L.</div><div style="font-size:.68rem;color:#8fa3b8">#F2026-043 · hoy</div></div>
                <div style="text-align:right"><div style="font-size:.88rem;font-weight:700;color:#0f2547">1.250 €</div><span style="font-size:.68rem;background:#d1fae5;color:#065f46;padding:.15rem .5rem;border-radius:10px;font-weight:600">Cobrada</span></div>
              </div>
              <div style="display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;background:#f8fafc;border-radius:8px;border:1px solid #edf2fa">
                <div><div style="font-size:.8rem;font-weight:700;color:#0f2547">Farmacia Rodríguez</div><div style="font-size:.68rem;color:#8fa3b8">#F2026-042 · ayer</div></div>
                <div style="text-align:right"><div style="font-size:.88rem;font-weight:700;color:#0f2547">890 €</div><span style="font-size:.68rem;background:#fef3c7;color:#92400e;padding:.15rem .5rem;border-radius:10px;font-weight:600">Pendiente</span></div>
              </div>
              <div style="display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;background:#f8fafc;border-radius:8px;border:1px solid #edf2fa">
                <div><div style="font-size:.8rem;font-weight:700;color:#0f2547">Clínica Salud Plus</div><div style="font-size:.68rem;color:#8fa3b8">#F2026-041 · 10 may</div></div>
                <div style="text-align:right"><div style="font-size:.88rem;font-weight:700;color:#0f2547">3.100 €</div><span style="font-size:.68rem;background:#d1fae5;color:#065f46;padding:.15rem .5rem;border-radius:10px;font-weight:600">Cobrada</span></div>
              </div>
            </div>
            <div style="margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f0f4fa;display:flex;justify-content:space-between">
              <span style="font-size:.78rem;color:#5a7a99">Total facturado: <strong style="color:#0f2547">18.400 €</strong></span>
              <span style="font-size:.78rem;color:#5a7a99">Pendiente cobro: <strong style="color:#0f2547">3.250 €</strong></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ALTERNATING FEATURES -->
  <section class="features-pres">
    <div class="feat-row">
      <div class="feat-visual">
        <div class="vcard"><div class="vl">Facturas este mes</div><div class="vv">24 emitidas</div><div class="vs">3 pendientes de cobro</div></div>
        <div class="vcard"><div class="vl">Tiempo medio</div><div class="vv">&lt; 30 segundos</div><div class="vs">por factura generada</div></div>
      </div>
      <div class="feat-text">
        <span class="tag">⏱ Ahorra tiempo</span>
        <h2>Automatiza lo repetitivo, céntrate en crecer</h2>
        <p>Automatiza la facturación y los procesos administrativos más repetitivos de tu día a día. Con VeriGest, lo que antes te llevaba horas ahora se hace en segundos.</p>
        <ul class="feat-list">
          <li>Plantillas reutilizables para clientes frecuentes</li>
          <li>Envío automático por email y WhatsApp</li>
          <li>Panel unificado con toda tu actividad</li>
        </ul>
      </div>
    </div>
    <div class="feat-row reverse">
      <div class="feat-visual">
        <div class="vcard"><div class="vl">Cumplimiento</div><div class="vv">100% legal</div><div class="vs">IVA, IRPF, XML/FACe incluidos</div></div>
        <div class="vcard"><div class="vl">Actualizaciones</div><div class="vv">Automáticas</div><div class="vs">Siempre al día con la normativa</div></div>
        <div class="vcard"><div class="vl">Veri*Factu</div><div class="vv">Preparados</div><div class="vs">RD 1007/2023 — QR y huella digital</div></div>
      </div>
      <div class="feat-text">
        <span class="tag">🏛 Cumplimiento legal</span>
        <h2>Siempre al día con la normativa vigente</h2>
        <p>Mantente siempre al día con la normativa vigente sin necesitar conocimientos técnicos. Gestión de IVA, IRPF, rectificativas y exportación XML/FACe integrados.</p>
        <ul class="feat-list">
          <li>Facturas rectificativas con un clic</li>
          <li>Exportación XML/FACe para administración pública</li>
          <li>Informes PDF y CSV listos para tu gestoría</li>
          <li>Preparados para Veri*Factu (RD 1007/2023): QR verificable y registro inalterable</li>
        </ul>
      </div>
    </div>
    <div class="feat-row">
      <div class="feat-visual">
        <div class="vcard"><div class="vl">Módulos activos</div><div class="vv">Todo en uno</div><div class="vs">Facturas · Presupuestos · TPV · RRHH</div></div>
        <div class="vcard"><div class="vl">Escalabilidad</div><div class="vv">Crece contigo</div><div class="vs">Desde autónomo a pequeña empresa</div></div>
        <div class="vcard"><div class="vl">Empleados</div><div class="vv">Gestión completa</div><div class="vs">Control horario · Jornadas · Nóminas</div></div>
      </div>
      <div class="feat-text">
        <span class="tag">🗂 Todo en un lugar</span>
        <h2>Plataforma integral que crece con tu negocio</h2>
        <p>Facturas, presupuestos, clientes y gestión de empleados desde un único entorno integrado. Sin aplicaciones dispersas, sin pérdida de datos.</p>
        <ul class="feat-list">
          <li>Gestión de clientes y catálogo de productos</li>
          <li>TPV táctil para venta en mostrador o móvil</li>
          <li>Control horario y registro de jornadas de empleados</li>
          <li>Gestión de empleados y ficha de cada trabajador</li>
          <li>Portal de nóminas</li>
        </ul>
      </div>
    </div>
  </section>

  <!-- PRICING TEASER -->
  <section class="pricing-strip">
    <h2>Planes para cada negocio</h2>
    <p>Sin permanencia · Sin letra pequeña · Cancela cuando quieras</p>
    <div class="pricing-toggle-wrap">
      <span class="pricing-toggle-label active" id="idx-lbl-m">Mensual</span>
      <button class="pricing-toggle-btn" id="idx-toggle-btn" onclick="idxToggleBilling()" aria-label="Cambiar facturación"></button>
      <span class="pricing-toggle-label" id="idx-lbl-a">Anual <span class="pricing-save-badge">Ahorra 2 meses</span></span>
    </div>
    <div class="pricing-cards">
      <div class="price-card">
        <h3>Plan Esencial</h3>
        <div class="price"><span id="idx-p1">1</span>€<span id="idx-pp1" class="price-sfx">/mes + IVA</span></div>
        <p id="idx-pa1" style="font-size:.83rem;color:#10b981;font-weight:600;margin-top:.4rem">Pago único anual</p>
        <p style="font-size:.83rem;color:var(--text-muted);margin-top:.25rem">Ideal para autónomos ocasionales</p>
        <a href="landing/precios_planes.html" class="cta-link">Ver plan →</a>
      </div>
      <div class="price-card featured">
        <h3>Plan Profesional ⭐</h3>
        <div class="price"><span id="idx-p2">12</span>€<span id="idx-pp2" class="price-sfx">/mes + IVA</span></div>
        <p id="idx-pa2" style="font-size:.83rem;color:#10b981;font-weight:600;margin-top:.25rem">o 120€/año + IVA</p>
        <p style="font-size:.83rem;color:var(--text-muted);margin-top:.4rem">Para profesionales y micronegocios</p>
        <a href="landing/precios_planes.html" class="cta-link">Ver plan →</a>
      </div>
      <div class="price-card">
        <h3>Plan Empresarial</h3>
        <div class="price"><span id="idx-p3">24</span>€<span id="idx-pp3" class="price-sfx">/mes + IVA</span></div>
        <p id="idx-pa3" style="font-size:.83rem;color:#10b981;font-weight:600;margin-top:.25rem">o 240€/año + IVA</p>
        <p style="font-size:.83rem;color:var(--text-muted);margin-top:.4rem">Para pequeñas empresas</p>
        <a href="landing/precios_planes.html" class="cta-link">Ver plan →</a>
      </div>
    </div>
  </section>

  <!-- TRIAL BANNER -->
  <section class="trial-banner">
    <div class="trial-banner-inner">
      <div class="trial-banner-text">
        <span class="trial-pill">🎁 Prueba gratuita · 10 días</span>
        <h2>Gestiona tu negocio.<br><em>Sin riesgos, sin tarjeta.</em></h2>
        <p>Accede a todas las funciones de VeriGest durante 10 días completamente gratis. Facturación, presupuestos, control horario, gestión de empleados, nóminas y TPV en un solo panel. Comprueba por ti mismo lo fácil que es llevar tu empresa al día.</p>
        <a href="https://app.verigest.es/registro" target="_blank" rel="noopener" class="trial-cta-btn">Empieza tu prueba gratuita →</a>
        <span class="trial-small">✓ Sin tarjeta de crédito &nbsp;·&nbsp; ✓ Sin permanencia &nbsp;·&nbsp; ✓ Cancela cuando quieras</span>
      </div>
      <div class="trial-banner-img">
        <div class="dash-card"><div class="dash-card-header"><div class="dash-card-header-left"><div class="dch-company">Empresa Prueba</div><div class="dch-period">Resumen &middot; Mayo 2026</div></div><div class="dash-card-user">Juan Antonio</div></div><div class="dash-card-body"><div class="dash-section-label">Indicadores del mes</div><div class="dash-kpis"><div class="dash-kpi"><span class="dkv dkv-blue">607 &euro;</span><span class="dkl">Total gastos</span></div><div class="dash-kpi"><span class="dkv dkv-blue">3</span><span class="dkl">Facturas emitidas</span></div><div class="dash-kpi"><span class="dkv dkv-orange">2</span><span class="dkl">Presupuestos</span></div><div class="dash-kpi"><span class="dkv dkv-green">453 &euro;</span><span class="dkl">Total ingresos</span></div></div><div class="dash-chart"><div class="dash-chart-title">Ingresos &middot; Gastos &middot; Presupuestos &mdash; 2025</div><div class="dash-bars"><div class="dash-bar-group"><div class="dash-bar-wrap"><div class="dash-bar income" style="height:18px"></div><div class="dash-bar expense" style="height:28px"></div><div class="dash-bar budget" style="height:11px"></div></div><div class="dash-bar-lbl">Ene</div></div><div class="dash-bar-group"><div class="dash-bar-wrap"><div class="dash-bar income" style="height:22px"></div><div class="dash-bar expense" style="height:17px"></div><div class="dash-bar budget" style="height:19px"></div></div><div class="dash-bar-lbl">Feb</div></div><div class="dash-bar-group"><div class="dash-bar-wrap"><div class="dash-bar income" style="height:14px"></div><div class="dash-bar expense" style="height:21px"></div><div class="dash-bar budget" style="height:9px"></div></div><div class="dash-bar-lbl">Mar</div></div><div class="dash-bar-group"><div class="dash-bar-wrap"><div class="dash-bar income" style="height:34px"></div><div class="dash-bar expense" style="height:19px"></div><div class="dash-bar budget" style="height:26px"></div></div><div class="dash-bar-lbl">Abr</div></div><div class="dash-bar-group"><div class="dash-bar-wrap"><div class="dash-bar income" style="height:40px"></div><div class="dash-bar expense" style="height:35px"></div><div class="dash-bar budget" style="height:30px"></div></div><div class="dash-bar-lbl">May</div></div><div class="dash-bar-group"><div class="dash-bar-wrap"><div class="dash-bar income" style="height:19px"></div><div class="dash-bar expense" style="height:13px"></div><div class="dash-bar budget" style="height:15px"></div></div><div class="dash-bar-lbl">Jun</div></div></div><div class="dash-legend"><div class="dash-leg-item"><div class="dash-leg-dot" style="background:#004494"></div>Ingresos</div><div class="dash-leg-item"><div class="dash-leg-dot" style="background:#f87171"></div>Gastos</div><div class="dash-leg-item"><div class="dash-leg-dot" style="background:#10b981"></div>Presupuestos</div></div></div><div class="dash-section-label">Resumen financiero &mdash; Mayo 2026</div><div class="dash-fin"><div class="dash-fin-row"><span class="dfl">Total Facturas</span><span class="dfv">282,98 &euro;</span></div><div class="dash-fin-row"><span class="dfl">Total Gastos</span><span class="dfv neg">&minus; 194,42 &euro;</span></div><div class="dash-fin-row"><div><div class="dfl">Presupuestos pendientes</div><div class="dfl-sub">2 presupuestos abiertos</div></div><span class="dfv warn">0,00 &euro;</span></div></div><div class="dash-total-row"><span class="dtl">Beneficio neto</span><span class="dtv">312,98 &euro;</span></div></div><div class="dash-card-footer"><div class="dc-btn">&#128196; Facturas</div><div class="dc-btn">&#128176; Gastos</div><div class="dc-btn dc-btn-primary">Ver Panel &rarr;</div></div></div>
      </div>
    </div>
  </section>

</main>



<script>
// Modal helpers
function vgOpenModal(id){document.getElementById('modal-'+id).style.display='flex'}
function vgCloseModal(id){document.getElementById('modal-'+id).style.display='none'}
document.addEventListener('keydown',function(e){
  if(e.key==='Escape'){
    document.querySelectorAll('.legal-modal-overlay').forEach(function(m){m.style.display='none'})
  }
})

// Pricing toggle mensual/anual
var idxAnnual = false;
var idxData = [
  { m: '1',  mSec: 'Pago único anual',   aNum: '12',  aSec: 'Pago único anual'  },
  { m: '12', mSec: 'o 120€/año + IVA',  aNum: '120', aSec: '10€/mes + IVA' },
  { m: '24', mSec: 'o 240€/año + IVA',  aNum: '240', aSec: '20€/mes + IVA' }
];
function idxToggleBilling() {
  idxAnnual = !idxAnnual;
  document.getElementById('idx-toggle-btn').classList.toggle('on', idxAnnual);
  document.getElementById('idx-lbl-m').classList.toggle('active', !idxAnnual);
  document.getElementById('idx-lbl-a').classList.toggle('active', idxAnnual);
  for (var i = 1; i <= 3; i++) {
    var d = idxData[i - 1];
    document.getElementById('idx-p' + i).textContent = idxAnnual ? d.aNum : d.m;
    document.getElementById('idx-pp' + i).textContent = idxAnnual ? '/año + IVA' : '/mes + IVA';
    document.getElementById('idx-pa' + i).textContent = idxAnnual ? d.aSec : d.mSec;
  }
}

// Mobile hamburger toggle
var toggle = document.getElementById('navToggle');
var links  = document.getElementById('navLinks');
toggle.addEventListener('click', function(){
  var open = links.classList.toggle('open');
  toggle.classList.toggle('open', open);
  toggle.setAttribute('aria-expanded', open);
});

// Mark active link based on current page filename
(function(){
  var page = window.location.pathname.split('/').pop() || 'index.html';
  document.querySelectorAll('.nav-link').forEach(function(a){
    var href = a.getAttribute('href');
    if(href === page){
      a.classList.add('active');
    } else {
      a.classList.remove('active');
    }
  });
})();
</script>
<!-- ============================================================
     FOOTER
============================================================ -->
<footer class="vg-footer">
  <div class="vg-footer-brand">VeriGest</div>
  <div class="vg-footer-sub">Software de gestión empresarial para autónomos y pymes.</div>
  <div class="vg-footer-social">
    <a href="https://www.instagram.com/_verigest/" target="_blank" rel="noopener" aria-label="Instagram">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
    </a>
    <a href="https://www.facebook.com/profile.php?id=61588309356171" target="_blank" rel="noopener" aria-label="Facebook">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
    </a>
    <a href="https://www.linkedin.com/in/verigest-%E3%85%A4-7383423b3/" target="_blank" rel="noopener" aria-label="LinkedIn">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
    </a>
  </div>
  <div class="vg-footer-copy">&copy; 2026 Madinfor S.L.U. &mdash; Todos los derechos reservados</div>
  <a class="vg-footer-phone" href="tel:+34957689436">
    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13.5 19.79 19.79 0 0 1 1.62 5a2 2 0 0 1 1.87-2H6.5a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 10.5a16 16 0 0 0 6 6l.75-.75a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 17.92z"/></svg>
    957 68 94 36
  </a>
  <div class="vg-footer-links">
    <button onclick="vgOpenModal('aviso-legal')">Aviso Legal</button>
    <span class="vg-footer-sep">&middot;</span>
    <button onclick="vgOpenModal('politica-cookies')">Política de Cookies</button>
    <span class="vg-footer-sep">&middot;</span>
    <button onclick="vgOpenModal('politica-privacidad')">Política de Privacidad</button>
    <span class="vg-footer-sep">&middot;</span>
    <button onclick="vgOpenModal('condiciones-uso')">Condiciones de Uso</button>
    <span class="vg-footer-sep">&middot;</span>
    <button onclick="vgOpenModal('contrato-encargado')">Contrato Encargado del Tratamiento</button>
  </div>
</footer>

<!-- ===== MODALES LEGALES ===== -->
<div class="vg-modal-overlay" id="modal-aviso-legal">
  <div class="vg-modal-box">
    <div class="vg-modal-header">
      <h2>Aviso Legal</h2>
      <button class="vg-modal-close" onclick="vgCloseModal('aviso-legal')">&times;</button>
    </div>
    <div class="vg-modal-body"><p>En cumplimiento de la Ley 34/2002, de 11 de julio, de servicios de la sociedad de la información y de comercio electrónico (LSSI), le informamos de que la presente página web con dirección <strong>www.verigest.es</strong> es propiedad de la empresa <strong>MADINFOR S.L.U.</strong> con CIF <strong>B14682140</strong>, dirección Plaza de los Naranjos, 16. 14920 Aguilar de la Frontera (Córdoba) y correo electrónico <a href="mailto:madinfor@madinfor.com">madinfor@madinfor.com</a>, en adelante «la Empresa», e inscrita en el Registro Mercantil de Córdoba, Tomo 1733, Folio 26, Sección 8, Hoja CO 20479, Inscripción 2.</p><h3>Condiciones Generales de Uso</h3><p>Las presentes condiciones generales de uso regulan los términos y condiciones de acceso y uso de este sitio web. El mero acceso y/o utilización del portal, de todos o parte de sus contenidos y/o servicios significa la plena aceptación de las presentes condiciones generales de uso.</p><h3>Modificaciones</h3><p>La Empresa se reserva la facultad de modificar en cualquier momento las condiciones generales de uso del portal. Se recomienda consultarlas periódicamente.</p><h3>Obligaciones del Usuario</h3><p>El usuario deberá respetar en todo momento los términos y condiciones establecidos. El usuario no podrá utilizar el portal para transmitir, almacenar, divulgar, promover o distribuir datos o contenidos que sean portadores de virus o cualquier otro código informático diseñado para interrumpir o perjudicar el funcionamiento de cualquier programa o equipo informático.</p><h3>Propiedad Industrial e Intelectual</h3><p>Los contenidos de la página web son propiedad de la Empresa. Se prohíbe la reproducción, transferencia, distribución o almacenamiento sin autorización previa por escrito.</p><h3>Responsabilidad</h3><p>El usuario será el único responsable de las infracciones en que pueda incurrir. La Empresa declina cualquier responsabilidad respecto a la información que se halle fuera de esta página web y no gestionada directamente por su gestor.</p><h3>Ley Aplicable</h3><p>La ley aplicable es la española. Las partes se someten a la jurisdicción de los Juzgados y Tribunales de la Ciudad de la empresa propietaria de la Web, con renuncia expresa de cualquier otra legislación o fuero.</p></div>
  </div>
</div>

<div class="vg-modal-overlay" id="modal-politica-cookies">
  <div class="vg-modal-box">
    <div class="vg-modal-header">
      <h2>Política de Cookies</h2>
      <button class="vg-modal-close" onclick="vgCloseModal('politica-cookies')">&times;</button>
    </div>
    <div class="vg-modal-body"><p>Esta web propiedad de <strong>MADINFOR S.L.U.</strong> no recopila ni cede datos a terceras empresas de sus usuarios sin su consentimiento previo. Este sitio web solo utiliza cookies propias o de terceros que permiten el funcionamiento y la prestación de los servicios en el mismo.</p><h3>1. ¿Qué son las Cookies?</h3><p>Las cookies son pequeños archivos que algunas plataformas pueden instalar en su ordenador al acceder a las mismas.</p><h3>2. Tipos de Cookies</h3><p>Según el tiempo: de sesión y persistentes. Según la entidad: propias y de terceros. Según su finalidad: técnicas, de preferencias, de análisis y de publicidad comportamental.</p><h3>3. Transferencias Internacionales</h3><p>El responsable del tratamiento no realiza Transferencias Internacionales de Datos.</p><h3>4. Configuración</h3><p>Puede permitir, bloquear o eliminar las cookies mediante la configuración de su navegador.</p></div>
  </div>
</div>

<div class="vg-modal-overlay" id="modal-politica-privacidad">
  <div class="vg-modal-box">
    <div class="vg-modal-header">
      <h2>Política de Privacidad y Protección de Datos</h2>
      <button class="vg-modal-close" onclick="vgCloseModal('politica-privacidad')">&times;</button>
    </div>
    <div class="vg-modal-body"><p>La presente Política de Privacidad es aplicable al tratamiento de datos personales por parte de <strong>MADINFOR S.L.U.</strong> (CIF <strong>B14682140</strong>), Plaza de los Naranjos, 16. 14920, Aguilar de la Frontera, Córdoba. Email: <a href="mailto:madinfor@madinfor.com">madinfor@madinfor.com</a>.</p><h3>Legitimación</h3><p>Consentimiento (Art 6.1 a RGPD), ejecución de contrato (Art 6.1 b) y obligación legal (Art 6.1 c).</p><h3>Finalidad</h3><p>Prestación del servicio VeriGest, envío de comunicaciones comerciales con consentimiento, cumplimiento legal y atención de consultas.</p><h3>Derechos del Usuario</h3><p>Acceso, rectificación, supresión, limitación, portabilidad y oposición. Contacto: <a href="mailto:madinfor@madinfor.com">madinfor@madinfor.com</a>. También puede reclamar ante <a href="https://www.aepd.es" target="_blank" rel="noopener">www.aepd.es</a>.</p></div>
  </div>
</div>

<div class="vg-modal-overlay" id="modal-condiciones-uso">
  <div class="vg-modal-box">
    <div class="vg-modal-header">
      <h2>Condiciones de Uso</h2>
      <button class="vg-modal-close" onclick="vgCloseModal('condiciones-uso')">&times;</button>
    </div>
    <div class="vg-modal-body"><p>Al utilizar VeriGest, plataforma de <strong>MADINFOR S.L.U.</strong> (CIF B14682140, Plaza de los Naranjos, 16, Aguilar de la Frontera, Córdoba), acepta los siguientes términos.</p><h3>Alcance del Servicio</h3><p>VeriGest es una herramienta de gestión. No prestamos asesoramiento legal, contable o financiero. La responsabilidad del cumplimiento fiscal es del usuario.</p><h3>Suscripción y Facturación</h3><p>La suscripción se renueva automáticamente. No se realizan devoluciones por suscripciones ya facturadas salvo incumplimiento por parte de la Empresa.</p><h3>Ley Aplicable</h3><p>Legislación española. Juzgados y Tribunales de Córdoba.</p></div>
  </div>
</div>

<div class="vg-modal-overlay" id="modal-contrato-encargado">
  <div class="vg-modal-box">
    <div class="vg-modal-header">
      <h2>Contrato de Encargado del Tratamiento (Anexo RGPD)</h2>
      <button class="vg-modal-close" onclick="vgCloseModal('contrato-encargado')">&times;</button>
    </div>
    <div class="vg-modal-body"><p><strong>Encargado:</strong> MADINFOR S.L.U. (CIF B14682140), Plaza de los Naranjos, 16, Aguilar de la Frontera, Córdoba.</p><p><strong>Responsable:</strong> El Cliente que contrata los servicios.</p><h3>Objeto</h3><p>El Cliente pone a disposición de MADINFOR S.L.U. datos de terceros para su gestión a través de VeriGest.</p><h3>Obligaciones del Encargado</h3><p>Tratar los datos únicamente según instrucciones del Cliente, garantizar confidencialidad, implementar medidas de seguridad adecuadas y cumplir con el RGPD.</p><h3>Duración</h3><p>Durante la suscripción al servicio. Tras su finalización, los datos se conservan bloqueados 5 años (normativa tributaria) y después se eliminan definitivamente.</p></div>
  </div>
</div>
<script>
function vgOpenModal(id) {
  document.getElementById('modal-' + id).classList.add('active');
  document.body.style.overflow = 'hidden';
}
function vgCloseModal(id) {
  document.getElementById('modal-' + id).classList.remove('active');
  document.body.style.overflow = '';
}
document.addEventListener('keydown', function(e) {
  if (e.key === 'Escape') {
    document.querySelectorAll('.vg-modal-overlay.active').forEach(function(m) {
      m.classList.remove('active');
    });
    document.body.style.overflow = '';
  }
});
document.querySelectorAll('.vg-modal-overlay').forEach(function(overlay) {
  overlay.addEventListener('click', function(e) {
    if (e.target === overlay) {
      overlay.classList.remove('active');
      document.body.style.overflow = '';
    }
  });
});
</script>
<!-- ===== Cookie Consent Banner ===== -->
<style>
#vg-cc{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#fff;border-top:3px solid #004494;box-shadow:0 -4px 24px rgba(0,68,148,.15);font-family:'Inter',sans-serif;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;animation:vgCCSlide .35s ease-out}
@keyframes vgCCSlide{from{transform:translateY(100%)}to{transform:translateY(0)}}
#vg-cc p{font-size:.86rem;color:#1e293b;line-height:1.55;flex:1;margin:0}
#vg-cc a{color:#004494;font-weight:600;text-decoration:underline}
.vg-cc-btns{display:flex;gap:.6rem;flex-shrink:0}
.vg-cc-ok{background:#004494;color:#fff;border:none;border-radius:7px;padding:.55rem 1.35rem;font-size:.84rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s;white-space:nowrap}
.vg-cc-ok:hover{background:#003371}
.vg-cc-no{background:#fff;color:#64748b;border:1.5px solid #dce4f0;border-radius:7px;padding:.55rem 1.1rem;font-size:.84rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap}
.vg-cc-no:hover{border-color:#94a3b8;color:#1e293b}
@media(max-width:640px){#vg-cc{flex-direction:column;text-align:center;padding:1rem 1.2rem;gap:1rem}.vg-cc-btns{width:100%;justify-content:center}}
</style>
<script>
(function(){
  var K='vg_c';
  function px(){
    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
    fbq('init','847612035056620');fbq('track','PageView');
  }
  function ga(){
    var s=document.createElement('script');s.async=true;
    s.src='https://www.googletagmanager.com/gtag/js?id=AW-18092168036';
    document.head.appendChild(s);
    window.dataLayer=window.dataLayer||[];
    window.gtag=function(){dataLayer.push(arguments);};
    gtag('js',new Date());gtag('config','AW-18092168036');
  }
  function load(){px();ga();}
  var v=localStorage.getItem(K);
  if(v==='1'){load();return;}
  if(v==='0'){return;}
  function show(){
    var b=document.createElement('div');b.id='vg-cc';
    b.innerHTML='<p>🍪 Usamos cookies propias y de terceros para analítica y publicidad personalizada. Puedes aceptarlas o rechazarlas.</p>'
    +'<div class="vg-cc-btns"><button class="vg-cc-no" id="vgNo">Solo necesarias</button><button class="vg-cc-ok" id="vgOk">Aceptar cookies</button></div>';
    document.body.appendChild(b);
    document.getElementById('vgOk').onclick=function(){localStorage.setItem(K,'1');b.remove();load();};
    document.getElementById('vgNo').onclick=function(){localStorage.setItem(K,'0');b.remove();};
  }
  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',show);}else{show();}
})();
</script>
<!-- ===== End Cookie Consent ===== -->
</body>
</html>
<!-- Test webhook 05/13/2026 12:48:23 -->
t e s t 
 
 < ! - -   t e s t     - - > 
 
 < ! - -   t e s t     - - > 
 
 