@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Russo+One&family=Tilt+Neon&display=swap');


:root{
      --brand:#e23bbd;            /* ACENTO AZUL ELÉCTRICO */
      --brand-2:#e23bbd;
      --brand-3:#94009d;          /* INDIGO / SLATE DE APOYO */
      --ink:#a5a5a5;              /* TEXTO CLARO */
      --bg:#000000;               /* FONDO OSCURO NEUTRO */
      --bg-gris:#0A0F16;               /* FONDO OSCURO NEUTRO */
      --card:#030038;             /* TARJETAS OSCURAS */
      --muted:#9FB0C4;            /* TEXTO SECUNDARIO */
    }
    html,body{
      font-family: "Tilt Neon", sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      font-size: 1em !important;
      font-variation-settings:
        "XROT" 0,
        "YROT" 0;
     /*font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; background:var(--bg); color:var(--ink); */
    }    
    
 

    h1,h2,h3,h4,h5,h6{
        font-family: "Exo", sans-serif;
        font-optical-sizing: auto;
        font-weight: 900;
        font-style:normal;  
    }

    h1{font-size: 3.3em;}
    h2{font-size: 2em;}

    .btn-brand{background:linear-gradient(180deg, var(--brand), rgba(235, 0, 207, 0.85)); border:0;   font-weight:700; border-radius:999px; padding:.85rem 1.35rem}
    .btn-brand:hover{filter:brightness(1.03); transform:translateY(-1px); box-shadow:0 12px 24px rgba(53,182,255,.15)}
    .btn-outline{border:1px solid #ffffff; color:#ffffff; border-radius:999px; }
    .btn-outline-brand{border:1px solid var(--brand); color:var(--ink); border-radius:999px; }
    .text-brand{ color:var(--brand)!important}
    .text-secondary{ color:var(--ink)!important}

    .spacer{
      height: 120px;
    }

    .badge-soft{ font-size: 9px; letter-spacing: 4px; padding: 10px 20px; }
    

    .bg-blur{backdrop-filter:saturate(140%) blur(6px); background:rgba(10,15,22,.72)}
    .bg-black{  background:var(--card);}
    .nav-shadow{box-shadow:0 10px 30px rgba(0,0,0,.3)}
    .hero{position:relative; isolation:isolate;}
    .hero .overlay{position:absolute; inset:0; background:radial-gradient(1200px 600px at 70% 20%, rgba(53,182,255,.10), transparent 70%), linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.8)); z-index:0}
    .hero .content{position:relative; z-index:1}
    .checkpoint i{font-size:1.15rem; color:var(--brand)}
    .card{background:var(--card); border:1px solid rgba(255,255,255,.06); box-shadow:0 10px 30px rgba(0,0,0,.25)}
    .badge-soft{background:rgba(53,182,255,.12); color:var(--brand); border:1px solid rgba(53,182,255,.25)}
    .logo-grid img{filter:grayscale(100%) contrast(110%); opacity:.85; transition:.2s}
    .logo-grid img:hover{filter:grayscale(0%) contrast(100%); opacity:1}


    .section-title{letter-spacing:.6px}
    .section-contrast{background:linear-gradient(180deg, rgba(53,182,255,.05), rgba(53,182,255,.02)); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06)}
    
    .shadow-xl{box-shadow:0 25px 60px rgba(0,0,0,.45)}
    .rounded-2xl{border-radius:1.25rem}
    .whatsapp-bubble{position:fixed; right:18px; bottom:18px; z-index:9999}
    .whatsapp-bubble .btn{box-shadow:0 10px 24px rgba(0,0,0,.35)}
    .form-control, .form-select{background:#0b121b; border:1px solid rgba(255,255,255,.08); color:var(--ink)}
    .form-control:focus{border-color:var(--brand); box-shadow:0 0 0 .25rem rgba(53,182,255,.15)}
    .divider{height:1px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent)}
    .list-check li{margin-bottom:.6rem}
    .list-check i{color:var(--brand); margin-right:.5rem}
    .kpi{background:linear-gradient(180deg, rgba(53,182,255,.18), rgba(53,182,255,.06)); border:1px solid rgba(53,182,255,.35)}
    .gallery img{aspect-ratio: 16/10; object-fit: cover;}
    .sticky-cta{position:sticky; bottom:0; z-index:50}
    .sticky{position:sticky; top:0; bottom:0; z-index:50;}
    
    .chip{display:inline-flex; align-items:center; gap:.5rem; border:1px solid rgba(53,182,255,.25); background:rgba(53,182,255,.08); color:var(--ink); border-radius:999px; padding:.35rem .75rem; font-size:.9rem}
    .link-cta{display:inline-flex; align-items:center; gap:.4rem; text-decoration:none}
    .link-cta i{font-size:1.1rem; color:var(--brand)}
    @media (max-width: 991px){ .stat{border-left: none; border-top:1px solid rgba(255,255,255,.08)} }
 

.marquee-container { width: 100%; padding: 15px 0;}
.marquee-content { display: flex; animation: marquee 20s linear infinite;}
.marquee-item { flex: 0 0 auto; padding: 0 20px; font-size: 1.2rem; color: #495057; }

 /* Optional: Pause animation on hover */
 /*.marquee-container:hover .marquee-content {   animation-play-state: paused; }*/

@keyframes marquee {
   0% {
     transform: translateX(100%);
   }

   100% {
     transform: translateX(-100%);
   }
 }