:root{
      --primary:#593BDB;
      --dark:#343957; 
      --brand:#5A4FF7;      
      --brand-700:#3D32B3;   
      --brand-900:#22254A;  
      --accent:#22C55E;     
      --bg:#F8FAFC;       
      --text:#0F172A; 
      --muted:#475569;
      --bs-border-color:#8D92AD ;
    }

    ::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: var(--primary);
}

    ::selection {
    color: #fff;
    background: var(--primary);
}

    body{ 
      color:var(--text); 
      background:var(--bg);
       }

       a{
        text-decoration: none;
        color: var(--brand-700);
       }

    .text-primary{
      color: var(--primary) !important;
    }

    .bg-primary{
      background: var(--primary) !important;
    }

    .btn-outline-primary{
      border-color: var(--brand);
      color: var(--brand);
    }

    .navbar{ background: #fff; }
    .navbar-brand img{ height: 38px; }
    
    /* Botones */

    .btn-primary { 
      background: var(--primary); 
      border-color: var(--primary);
    } 
    .btn-primary:hover { 
      filter: brightness(0.95); 
    }

    .btn-brand{
      background: var(--brand);
      color: #fff;
      border: none;
      box-shadow: 0 6px 18px rgba(90,79,247,.2);
    }
    .btn-brand:hover{ background: var(--brand-700); color:#fff; }
    .btn-outline-brand{
      color: var(--brand);
      border-color: var(--brand);
    }
    .btn-outline-brand:hover{
      background: var(--brand);
      color: #fff;
    }

    /* Hero */
    .hero {
     background: radial-gradient(60% 60% at 0% 0%, rgba(89,59,219,.15), transparent 70%), linear-gradient(180deg, rgba(52,57,87,0.03), rgba(89,59,219,0.06)); 
   }
    .badge-soft {
     background: rgba(89,59,219,.12); color: var(--primary); 
   }
    .icon-round {
     width:48px; height:48px; border-radius:12px; background: rgba(89,59,219,.1); display:flex; align-items:center; justify-content:center; 
   }
    .logo {
     height: 40px; 
   }
    .shadow-soft {
     box-shadow: 0 10px 30px rgba(0,0,0,.08); 
   }

    #hero{
      background:
        radial-gradient(1200px 600px at 85% -100px, rgba(90,79,247, .20), transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #f6f7ff 100%);
      position: relative;
      overflow: hidden;
    }
    #hero .badge{
      background: rgba(90,79,247,.1);
      color: var(--brand-900);
      border: 1px solid rgba(90,79,247,.25);
    }
    .hero-figure{
      border-radius: 18px;
      box-shadow: 0 24px 60px rgba(34,37,74,.1), 0 2px 6px rgba(34,37,74,.06);
    }

    /* Trust bar */
    .trust-item i{
      color: var(--brand);
      font-size: 1.25rem;
    }

    /* Steps */
    .step-number{
      width: 40px; height: 40px;
      background: var(--brand);
      color: #fff; border-radius: 50%;
      display: inline-flex; align-items: center; justify-content: center;
      font-weight: 600;
      box-shadow: 0 8px 20px rgba(90,79,247,.25);
    }

    /* Cards */
    .feature-card{
      height:100%;
      border:1px solid #E5E7EB;
      background:#fff;
      border-radius:14px;
      padding:22px;
    }
    .feature-card i{ color: var(--brand); font-size:1.25rem; }

    /* Security */
    .check-icon{ color: var(--accent); }

    /* Testimonial */
    .testimonial{
      background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:22px;
    }
    .testimonial .quote{ color:#475569; }

    /* FAQ */
    .faq-summary { 
      font-weight:600; 
    }

    .accordion-button:not(.collapsed){
     background:#F2F4FF; color:#1f2437; 
   }

    /* CTA final */
    .contact-card{
      background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;
    }
    .form-text{ color:#475569; }

    /* Footer */
    footer{ color:#475569; }

    /* Floating WhatsApp */
    .wa-float{
      position: fixed;
      right: 18px; bottom: 18px; z-index: 999;
    }
    .wa-float .btn{
      border-radius: 30px; padding: 12px 16px;
      box-shadow: 0 12px 26px rgba(16,185,129,.28);
    }

    .whatsapp {
     background:#25D366; 
     border-color:#25D366; 
   }
    .whatsapp:hover {
     filter: brightness(0.95); 
   }

    /* Sticky mobile CTA */
    .sticky-cta{
      position: sticky; bottom:0; z-index: 998; background:#fff; border-top:1px solid #E5E7EB;
    }

    /* Utilities */
    .text-brand{ color: var(--brand); }
    .bg-light-brand{ background: rgba(90,79,247,.06); }

    .form-honeypot { display:none !important; }

      .btn-brand{
      background:var(--brand); color:#fff; border:none;
      box-shadow:0 6px 18px rgba(90,79,247,.2);
    }
    .btn-brand:hover{ background:var(--brand-700); color:#fff; }
    .btn-outline-brand{ color:var(--brand); border-color:var(--brand); }
    .btn-outline-brand:hover{ background:var(--brand); color:#fff; }

    #hero{
      background:
        radial-gradient(1200px 600px at 85% -100px, rgba(90,79,247,.18), transparent 60%),
        linear-gradient(180deg, #ffffff 0%, #f6f7ff 100%);
    }
    #hero .badge{
      background: rgba(90,79,247,.1);
      color: var(--brand-900);
      border: 1px solid rgba(90,79,247,.25);
    }
    .hero-figure{
      border-radius: 18px;
      box-shadow: 0 24px 60px rgba(34,37,74,.1), 0 2px 6px rgba(34,37,74,.06);
    }

    .trust-item i{ color:var(--brand); font-size:1.15rem; }

    .feature-card{
      height:100%;
      background:#fff; border:1px solid #E5E7EB; border-radius:14px; padding:22px;
    }
    .feature-card i{ color:var(--brand); font-size:1.25rem; }

    .step-number{
      width:40px;height:40px;border-radius:50%;
      background:var(--brand);color:#fff;font-weight:600;
      display:inline-flex;align-items:center;justify-content:center;
      box-shadow:0 8px 20px rgba(90,79,247,.25);
    }

    .testimonial{ 
      background:#fff;
      border:1px solid #E5E7EB;
      border-radius:14px;
      padding:22px; 
    }

    .accordion-button:not(.collapsed){ 
      background:var(--primary)!important; 
      color:#fff; 
    }

    .contact-card{ 
      background:#fff;
      border:1px solid #E5E7EB;
      border-radius:16px;
      padding:24px; 
    }
    .form-text{ 
      color:var(--muted); 
    }

    footer{ color:#64748b; }

    .wa-float{ 
      position:fixed; 
      right:18px; 
      bottom:18px; 
      z-index:999; 
    }
    .wa-float .btn{ 
      border-radius:30px; 
      padding:12px 16px; 
      box-shadow:0 12px 26px rgba(16,185,129,.28); 
    }

    .sticky-cta{ 
      position:sticky; 
      bottom:0; 
      background:#fff; 
      border-top:1px solid #E5E7EB; 
      z-index:998; 
    }

    .text-brand{ 
      color:var(--brand); 
    }
    .bg-light-brand{ 
      background: rgba(90,79,247,.06); 
    }

    .carousel-control-next, .carousel-control-prev{
      color: var(--primary) !important;

    }

    .border{
      color: var(--primary);
    }

  .feature-card img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
  .feature-card:hover img {
  transform: scale(1.02);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.feature-card img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover img {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.step-number {
  font-weight: 600;
  font-size: 1rem;
}

.modal-header{
  background: var(--primary)!important;
}