body {
       background: linear-gradient(to bottom right, #e3f2fd, #ffffff);
       display: flex;
       flex-direction: column;
       align-items: center;
       min-height: 100vh;
       margin: 0;
       font-family: 'Segoe UI', sans-serif;
   }

#Logo_principal{
max-height: 192px !important;
max-width: 192px !important;
}



header h1 {
    font-size: calc(18px + 1.6vw) !important;
    font-weight: 700;
    color: #003366;
}

.btn-series {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    /* espacio entre botones */
    margin-top: 60px;
}

.btn-series .btn {
    width: 180px;
    height: 60px;
    font-size: 1.2rem;
    font-weight: 600;
}

footer {  
    text-align: center;
        padding: 15px 0;
        margin-top: 50px;
        background: #fff;
        border-top: 1px solid #dee2e6;
}


 .btn-main {
     border-radius: 30px !important;
     padding: 7px 18px !important;
     font-size: .85rem;
     display: flex;
     align-items: center;
     gap: 5px;
 }