body {
          background-color: #f8f9fa;
          font-family: 'Segoe UI', sans-serif;
        }
        .logo-header {
          font-weight: 600;
          font-size: 1.5rem;
          color: #0d6efd;
        }
        .card {
          border: none;
          border-radius: 1rem;
          box-shadow: 0 0 20px rgba(0,0,0,0.05);
        }
        #visorBase {
          font-weight: bold;
          color: #0d6efd;
        }
        #graphFrame {
          width: 100%;
          height: 600px;
          border: 1px solid #ccc;
          margin-top: 10px;
          display: none;
        }
        .badge {
          transition: background-color 0.3s ease;
        }
        #spinner {
          display: none;
        }
        #status.piscando {
          animation: piscar 1s infinite;
          color: #dc3545 !important;
          font-weight: bold;
        }
        @keyframes piscar {
          0%, 100% { opacity: 1; }
          50% { opacity: 0.3; }
        }
        .nav-brand {
            font-size: 0.9rem;
            font-weight: 400;
        }
        
      .hero-academia{
    background: linear-gradient(
        135deg,
        #0d6efd,
        #084298
    );

    color:white;

    padding:50px;

    border-radius:15px;

    text-align:center;

    margin-bottom:25px;
}
      .hero-academia h1{
          font-size: 2rem;
          font-weight: 700;
      }

      .hero-academia p{
          font-size: 1.1rem;
      }
.academia-counter{

    text-align:center;

}

.academia-counter-numero{

    font-size:2.8rem;

    font-weight:700;

    color:#ffc107;

    line-height:1;

}
.academia-counter{

    margin-top:12px;

    text-align:center;

    color:#ffffff;

}

.academia-counter-numero{

    font-size:1.45rem;

    font-weight:700;

    color:#ffc107;

}

.academia-counter-separador{

    margin:0 10px;

    color:rgba(255,255,255,.6);

}

.academia-counter-texto{

    font-size:.95rem;

    letter-spacing:.04rem;

    text-transform:uppercase;

    color:rgba(255,255,255,.92);

}
.academia-counter-texto{

    margin-top:8px;

    font-size:1rem;

    color:#ffffff;

    letter-spacing:.08rem;

    text-transform:uppercase;

}