:root{
      --blanco:#fff;
      --gris:#cbcbcb;
      --azul-oscuro:#0b2a45;
      --azul-medio:#1f6fb2;
      --azul:#0d6efd; /* fallback Bootstrap primary */
      --negro:#111;
      --gris:#6c757d;
      --bg-claro:#f7f9fc;
      --acento:#17a2b8;
      --radius:14px;
      --shadow:0 10px 25px rgba(13,110,253,.12);
    }

    html{scroll-behavior:smooth;}
    body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial; color:#243447;}
    .btn-primary{background:var(--azul-medio); border-color:var(--azul-medio);}
    .btn-primary:hover{background:#15598e; border-color:#15598e; transform:translateY(-1px);}
    .btn-outline-primary{color:var(--azul-medio); border-color:var(--azul-medio);}
    .btn-outline-primary:hover{background:var(--azul-medio); border-color:var(--azul-medio);}
    .shadow-soft{box-shadow:var(--shadow);}
    .rounded-3xl{border-radius:24px;}

    /* Navbar */
    .navbar-brand strong{color:var(--azul-oscuro)}
    .navbar-brand span{color:var(--blanco); padding-left: 5px}
    .tagline{font-size:.85rem; color:var(--gris); padding-left: 5px}
    .nav-link{transition:color .2s ease, opacity .2s ease; margin: 0 10px; font-size: 1.1em;}
    .nav-link:hover{color:var(--azul-medio)}

    /* Hero / Banner */
    .hero{
      position:relative; min-height:88vh; display:grid; place-items:center;
      color:white; text-align:center; overflow:hidden;
    }
    .hero .overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,19,33,.55), rgba(7,19,33,.35) 30%, rgba(7,19,33,.75));
  z-index:1;
  pointer-events: none; /* 👈 evita bloquear clics */
}

    .hero .content{position:relative; z-index:2}
    .hero h1 {font-weight:800; text-wrap:balance; margin-bottom:0.6em; }
    .hero p.lead {text-wrap:balance; padding: 9em 0, display:block;}

    /* Parallax sections */
    .parallax{
      position:relative; background-attachment:fixed; background-size:cover; background-position:center;
      min-height:65vh; display:grid; place-items:center; color:white;
    }
    .parallax::after{
      content:""; position:absolute; inset:0; background:rgba(6,18,32,.55);
    }
    .parallax .inner{position:relative; z-index:2}

    /* Cards / iconos */
    .icon-lg{font-size:2rem; color:var(--azul-medio)}
    .value-card{transition:transform .25s ease, box-shadow .25s ease;}
    .value-card:hover{transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.08);}

    /* Acordeones */
    .accordion-button:focus{box-shadow:none}
    .accordion-button:not(.collapsed){background:#eef6ff; color:#0b2a45}

    /* Testimonios (placeholder) */
    .logo-placeholder{
      height:56px; width:140px; background:linear-gradient(135deg,#e9eef6,#f4f7fb);
      border-radius:10px; display:grid; place-items:center; color:#7b8a9a; font-weight:600;
    }

    /* Contacto */
    .contact-card{background:#fff; border:1px solid #e8eef6; border-radius:var(--radius);}

    /* Footer */
    footer{background:#000; color:#c7d3e0}
    footer a{color:#c7d3e0}
    footer a:hover{color:white}

    /* Utilidades */
    .section{padding:4.5rem 0}
    @media (min-width:992px){ .section{padding:6rem 0} }
    .badge-soft{background:#eaf3ff; color:var(--azul-medio); border:1px solid #d7e8ff}
    .divider{height:1px; background:#e9eef6}

    /* Botón volver arriba */
    #backToTop{
      position:fixed; right:16px; bottom:16px; z-index:9999; display:none;
      border-radius:999px;
    }

    /* Corrección iOS para parallax */
    @supports (-webkit-overflow-scrolling: touch){
      .parallax{background-attachment:scroll;}
    }

 @media (max-width:767px){
    .navbar-toggler{
      display: block;
    margin: 0 auto;
    }

    .navbar-nav {
      margin-top: 20px;
      text-align: center;
    }
   .brinco {
    display: block;
   }

  }

  @media (max-width:360px){
 .navbar-brand span {
    
    font-size: 0.85em;
}

  }