body {
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    background: #f1f4f8;
}

/* CONTENEDOR */
.container {
    max-width: 600px;
    margin: 40px auto;
    padding: 0 15px;
}

/* HEADER */
.header {
    background: #002b5c;
    color: white;
    padding: 15px 10px;
    font-size: 18px;
    font-weight: bold;
}





 .header-content {
     flex-direction: column;
     text-align: center;
 }

 .logo {
     max-width: 250px;
     width: 100%;
     height: auto;
 }








.title {
    color: #002b5c;
    /* azul institucional */
    font-weight: bold;
}


.subheader {
    font-size: 14px;
    font-weight: normal;
    opacity: 0.8;
}



.card {
    background: white;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

h2 {
    font-size: 1.4rem;
    margin-top: 0;
    color: #002b5c;
}

p {
    color: #333;
}

/* ALERTA */
.alert {
    background: #fff3cd;
    border-left: 5px solid #ffc107;
    padding: 12px;
    margin-bottom: 20px;
    font-size: 14px;
}

/* INFO_UBA */
.infouba {
    background: #beedb0;
    border-left: 5px solid #83af60;
    padding: 12px;
    margin-bottom: 20px;
    font-size: 14px;
}

/* INFO_FMED */
.infofmed {
    background: #b7e8f1;
    border-left: 5px solid #6fbdc8;
    padding: 12px;
    margin-bottom: 20px;
    font-size: 14px;
}

/* BOTONES */
button {
    width: 100%;
    padding: 12px;
    margin: 8px 0;
    border: none;
    border-radius: 6px;
    font-size: 15px;
    cursor: pointer;
    transition: 0.2s;
}

.primary {
    background: #0056b3;
    color: white;
}

.primary:hover {
    background: #003f88;
}

.secondary {
    background: #e9ecef;
    color: #333;
}

.secondary:hover {
    background: #d6d8db;
}

.info {
    background: #17A2B8;
    color: #17A2B8;
}

.campus {
    background: #F15E27;
    color: white;
}

.campus:hover {
    background: #d94f1f;
    /* un poco más oscuro */
}

.back {
    background: none;
    color: var(--gris);
    text-decoration: underline;
    padding: 8px;
}

.back:hover {
    background: none;
}

.primary {
    background: #0056b3;
    color: white;
}

.secondary {
    background: white;
    color: #0056b3;
    border: 1px solid #0056b3;
}

.secondary:hover {
    background: #e6f0ff;
}

.back {
    background: none;
    color: #6c757d;
    text-decoration: underline;
    padding: 6px;
}

/*.footer {
            text-align: center;
            font-size: 13px;
            color: #6c757d;
            margin-top: 40px;
            padding: 20px;
        }*/

/* FOOTER */
.footer {
    /*background: #bcbec0;
            /* mismo azul */
    color: rgb(161, 156, 156);
    padding: 15px 20px;
    margin-top: 40px;
    font-size: 14px;
}

.footer .header-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
}