.seccion-tabs {
    padding: 20px;
    text-align: center;
}

.tabs-cabecera {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

.tab {
    background-color: #5b74b1; /* Azul predeterminado */
    color: white;
    padding: 10px 10px;
    margin: 5px;
    cursor: pointer;
    border-radius: 5px;
    font-size: smaller;
    flex: 1 1 150px;
    transition: background-color 0.3s;
    max-width: 220px;
    font-family: 'MonReg',sans-serif;
}

.tab:hover {
    background-color: #4a5d91;
}

/* Cuando una pestaña está activa */
.tab.activo {
    background-color: #4CAF50; /* Verde */
}

.tabs-contenido {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
}

/* Ocultar contenido no activo */
.contenido-tab {
    display: none;
}

.contenido-tab.activo {
    display: block;
    text-align: left;
}

/* Responsive */
@media (max-width: 600px) {
    .tab {
        flex: 1 1 100%;
        max-width: none;
    }
}